WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: NextGEN Gallery] How to integrate jQuery Galleria and jCarousel with NextGEN (4 posts)

  1. andreask
    Member
    Posted 4 years ago #

    While searching for a jquery gallery to integrate with NextGEN, I came across this one:

    http://blog.themeforest.net/tutorials/how-to-integrate-the-jquery-galleria-and-jcarousel-plugins/

    I found that it was quite easy to get this going with NextGEN. I downloaded the files and loaded them in WordPress. Now all I had to do, was to make a custom gallery-template. I called it gallery-galleri.php.

    Here is my template:

    <?php
    /**
    Template Page for the jQuery Galleria and jCarousel NextGEN integration
    **/
    ?>
    <?php if (!defined ('ABSPATH')) die ('No direct access allowed'); ?><?php if (!empty ($gallery)) : ?>
    <div id="wrapper">
    <div id="img"></div>
    <ul id="gallery" class="jcarousel-skin-tango">
    	<?php foreach ( $images as $image ) : ?>
    	<li><a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>"> <img src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> alt="" /></a></li>
     	<?php endforeach; ?>
    </ul>
    </div>
    <?php endif; ?>

    Now just call it like a normal template, and you'll have this going. Hopefully others will have use for this as well.

  2. dyrk
    Member
    Posted 4 years ago #

    Hey

    Thanks for that. I've always been a fan of Galleria and have been trying to find a way to integrate it with Nextgen.

    I tried your method above and am struggling to get it working.
    Please expand on what you mean by "loaded them into wordpress".
    I linked all the js files in my header and added the new template.
    The thumbnails are appearing, but not the big image and, according to firebug, the wrapping galleria divs etc are not being applied.

    Any ideas on what I might be doing wrong?

    Thanks in advance

    D

  3. andreask
    Member
    Posted 4 years ago #

    What I mean is what is described in the link.
    You need to add all the .js and .css files in the head tag in the wordpress theme like this

    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <link rel="stylesheet" type="text/css" href="jcarousel/lib/jquery.jcarousel.css" />
    <link rel="stylesheet" type="text/css" href="jcarousel/skins/tango/skin.css" />
    
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.galleria.min.js"></script>
    <script type="text/javascript" src="jcarousel/lib/jquery.jcarousel.pack.js"></script>
    <script type="text/javascript" src="js/tutorial.js"></script>
  4. andreask
    Member
    Posted 4 years ago #

    Sounds to me that you are perhaps not loading the .css files.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.