WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery templates problem (19 posts)

  1. xqzme
    Member
    Posted 4 years ago #

    Hi.

    I want to use js-only carousel gallery in my blog and the best one I found is this: http://nextgen-gallery.com/templates/galleryview/. I downloaded and activated both NextGEN Gallery 1.4.3 and NextGEN Galleryview 1.0.1 plugins (my blog runs on WordPress 2.9, webserver is nginx 0.6.32, PHP version is 5.2.6-1). But nothing has changed after I activated Galleryview plugin, NextGEN gallery seems to ignore the "template" tag. So if I use example code ([ nggallery id=1 template=galleryview images=0 ]) I’ll just see it as plain text in new post without any gallery. Other Nextgen features work (like image list or image browser) fine, I created 1 album and 1 gallery. So how can I fix the problem and use galleryview plugin?

    Thanks,
    Aleksey.

  2. xqzme
    Member
    Posted 4 years ago #

    Any ideas? Still need help.

  3. I have a similar problem with the galleryview template.

    When I try to insert a gallery into a post with the galleryview template using:
    [nggallery id=1 template=galleryview images=0]
    My post comes up blank. No gallery is shown at all.

    I checked the source code of the page and everything seems to be working perfectly fine, except that it's blank.

    The published post's source code is below:

    <div id="ngg-gallery-1-242" class="galleryview">
    	<!-- Thumbnails --> 
    
    	<div class="panel">
    		<img src="http://alexagould.com/wp-content/gallery/test/stk_1665.jpg" />
    		<div class="panel-overlay">
    			<h2>stk_1665</h2>
    			<p> </p>
    		</div>
    	</div> 
    
    	<div class="panel">
    		<img src="http://alexagould.com/wp-content/gallery/test/stl_1666.jpg" />
    		<div class="panel-overlay">
    			<h2>stl_1666</h2>
    			<p> </p>
    		</div>
    	</div> 
    
    	<div class="panel">
    		<img src="http://alexagould.com/wp-content/gallery/test/stm_1667.jpg" />
    		<div class="panel-overlay">
    			<h2>stm_1667</h2>
    			<p> </p>
    		</div>
    	</div>
     	  	<ul class="filmstrip"> 
    
    	    <li><img src="http://alexagould.com/wp-content/gallery/test/thumbs/thumbs_stk_1665.jpg" alt="stk_1665" title="stk_1665" /></li> 
    
    	    <li><img src="http://alexagould.com/wp-content/gallery/test/thumbs/thumbs_stl_1666.jpg" alt="stl_1666" title="stl_1666" /></li> 
    
    	    <li><img src="http://alexagould.com/wp-content/gallery/test/thumbs/thumbs_stm_1667.jpg" alt="stm_1667" title="stm_1667" /></li>
    	  	</ul> 
    
    </div> 
    
    <script type="text/javascript" defer="defer">
    	jQuery("document").ready(function(){
    		jQuery('#ngg-gallery-1-242').galleryView({
    			panel_width: 450,
    			panel_height: 400,
    			frame_width: 40,
    			frame_height: 40,
    			transition_interval: 0,
    			overlay_color: '#222',
    			overlay_text_color: 'white',
    			caption_text_color: '#222',
    			background_color: 'transparent',
    			border: 'none',
    			nav_theme: 'dark',
    			easing: 'easeInOutQuad'
    		});
    	});
    
    </script>

    All of the necessary .js files are in the header as well:

    <script type='text/javascript' src='http://alexagould.com/wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.js?ver=1.3.0'></script>
    <script type='text/javascript' src='http://alexagould.com/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
    <script type='text/javascript' src='http://alexagould.com/wp-content/plugins/nggGalleryview/jquery.easing.1.2.js?ver=1.2'></script>
    <script type='text/javascript' src='http://alexagould.com/wp-content/plugins/nggGalleryview/jquery.galleryview-1.1-pack.js?ver=1.1'></script>
    <script type='text/javascript' src='http://alexagould.com/wp-content/plugins/nggGalleryview/jquery.timers-1.1.2.js?ver=1.1.2'></script>

    The post can be viewed at: Alexa Gould.com

  4. xqzme
    Member
    Posted 4 years ago #

    Please give me some hint :)

  5. Alex Rabe
    Member
    Posted 4 years ago #

    Please post your server settings

  6. Alex Rabe
    Member
    Posted 4 years ago #

    Also please use for a test the default theme and disable other plugins

  7. xqzme
    Member
    Posted 4 years ago #

    Alex, I changed WP theme to default one and everything started working fine. But I'd like this plugin to work with Mystique theme. I found out that some users also have problems with NextGEN+Mystique bundle (templates don't work at all), but have no idea how to fix it: http://wordpress.org/support/topic/322761?replies=4. Can you check it?

  8. I tested mine with the default theme, and the template worked fine. Do you have any clues what might be causing it to not work with my theme? Are there any specific requirements that must be included in index.php (or page.php) for it to work, besides the_content(); ?

  9. xqzme
    Member
    Posted 4 years ago #

    Yes, galleryview works fine if default theme is chosen. But once i change WP theme to mistique, I see plain text like [ nggallery id=1 template=galleryview images=0 ] instead of images. I looked through page.php and index.php and didn't find anything special. Can somebody please check what in the theme may conflict with this plugin? Here is the theme's page: http://wordpress.org/extend/themes/mystique

  10. rughooking
    Member
    Posted 4 years ago #

    Put the file gallery-galleryview.php in the theme's nggallery directory. Putting the file there solved this kind of problem for me, but I am still figuring this out. Dropping the gallery- from the file name when you use template=galleryview may seem second nature to more experienced users, but it had me stumped for a while.

  11. Okay, I solved the problem. It turns out that there was another javascript file being called in my header.php that was causing a conflict.

  12. xqzme
    Member
    Posted 4 years ago #

    I tried both moving gallery-galleryview.php from ./nggGalleryview/view to ./nggGalleryview/themes (and both subdirs) folder and renaming it to galleryview.php. Doesn't seem to make any difference. I thing the main problem is in NextGen gallery itself, because none of preloaded templates works.

  13. Alex Rabe
    Member
    Posted 4 years ago #

    Galleryview require jQuery and other Javascript code to work correctly, so if it doesn't work at your theme, check the header if the author added some script code and maybe contact the theme author... it's not possible to solve such a conflict on NGG side.

  14. Is there a way to make Galleryview maintain the aspect ratio of images when it resizes them?

  15. dsided
    Member
    Posted 4 years ago #

    This still doesn't work with the default template, just one big white are in the content area.

  16. Will
    Member
    Posted 4 years ago #

    Hi, it doesn't work for me too.
    I tried desfault theme but appears the same problem.
    When I put GalleryView template appears just a big blank page.
    http://www.corridadeformula1.com/test-page/
    Any ideas, please.

  17. Will
    Member
    Posted 4 years ago #

    I solved it.
    It was a conflict with another plugin. I've just disable him.
    All is OK now.

  18. figcar
    Member
    Posted 4 years ago #

    I had the blank white screen problem, now solved. It was a script conflict issue which, in my case, was nothing more (or less) than the order in which various javascripts were loading. I had five total scripts to line up, not to mention the document.ready stuff. There were jQuery, the three jQuery GalleryView-related scripts (easing, galleryview, timers), plus some other jQuery UI tools I was using.

    This order did NOT work:

    1. jQuery 1.4.2
    2. jQuery easing 1.2
    3. jQuery GalleryView 1.1-pack
    4. jQuery timers 1.1.2
    5. some jQuery Tools (various bits from a UI library)

    This order worked:

    1. jQuery 1.4.2
    2. some jQuery Tools (various bits from a UI library)
    3. jQuery easing 1.2
    4. jQuery GalleryView 1.1-pack
    5. jQuery timers 1.1.2

    The trick was getting my UI Tools stuff below the jQuery call and above the easing/galleryview/timers scripts.

    Troubleshooting Guesswork:
    I viewed the HTML source of my page to see the script ordering in the head section of the HTML. I made a local copy of this code, loaded it up in my browser, then shuffled the script order to see if things might change. Soon I found an order that worked for my combination of scripts.

    The Fix:
    To make my random UI tools script load where I needed it and not break the nggGalleryView Plugin, I hacked the plugin file nggGalleryview.php. I imagine there's a more elegant solution, right? Anyway, the hack was to add a wp_enqueue_script call to the load_scripts() function at line 38 of nggGalleryview.php. I used that to load my other script in the working order, rather than where it was before.

    The Lesson Learned:
    Obviously this was a particular case, but I now understand that the order that scripts are loaded can affect whether or not they work together. Sometimes it's a simple fix (or hack, ahem).

    Hope this helps somebody else in your own troubleshooting hours-on-end. Good luck!

  19. artur
    Member
    Posted 3 years ago #

    figcar,

    did u get this working on WP3.0 + NextGen beta 1.6?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.