WordPress › Support Tag: NexGen Gallery

WordPress › Support Tag: NexGen Gallery http://wordpress.org/support/ WordPress › Support Tag: NexGen Gallery en Thu, 26 Nov 2009 04:57:16 +0000 s_ruben on "[Plugin: NextGEN Gallery] sort order by gallery" http://wordpress.org/support/topic/246757#post-1293160 Wed, 25 Nov 2009 10:16:56 +0000 s_ruben 1293160@http://wordpress.org/support/ Here you can find how to solve the problem of NextGEN Gallery sorting <a href="http://rubensargsyan.com/wordpress-plugin-nextgen-gallery-sorting-bugfix/">http://rubensargsyan.com/wordpress-plugin-nextgen-gallery-sorting-bugfix/</a> dragonsjaw on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1292403 Tue, 24 Nov 2009 18:09:28 +0000 dragonsjaw 1292403@http://wordpress.org/support/ I have been looking for something like this for quite awhile, opening thumb into a larger div on same page. I am wondering if any one has used the code/s above and then dropped the <a href="http://wordpress.org/extend/plugins/shadowbox-js/" rel="nofollow">http://wordpress.org/extend/plugins/shadowbox-js/</a> Shadowbox plugin in to use on the larger image to open the largest image in shadowbox? thumb---> to medium size in div ---> to click on that and shadowbox opens full size (controlled by browser sizing) ?? Any idea on how to implement that? thanks esmi on "Gallery title over each Gallery?" http://wordpress.org/support/topic/333961#post-1289500 Sat, 21 Nov 2009 21:40:05 +0000 esmi 1289500@http://wordpress.org/support/ <blockquote>I thought this was the NextGEN Gallery thread?</blockquote> Sorry - I missed the next-gen tag on the right. jennsweb on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1289298 Sat, 21 Nov 2009 17:39:06 +0000 jennsweb 1289298@http://wordpress.org/support/ Hi it's me again-- MUCHOS GRACIAS STINGRAY! I took those 5 dots out of the code directly underneath: <code><?php foreach (?images as $image) : ?></code> and now the gallery seems to be displaying perfectly in Safari. That first image is no longer "jumping" out of alignment with the next column. bmilliot on "Gallery title over each Gallery?" http://wordpress.org/support/topic/333961#post-1288856 Sat, 21 Nov 2009 01:12:48 +0000 bmilliot 1288856@http://wordpress.org/support/ Never mind - got it. bmilliot on "Gallery title over each Gallery?" http://wordpress.org/support/topic/333961#post-1288851 Sat, 21 Nov 2009 01:09:00 +0000 bmilliot 1288851@http://wordpress.org/support/ I thought this was the NextGEN Gallery thread? Well, using NextGEN Gallery and using the gallery-caption template. Each gallery has a title entered in the admin section of the plugin. Would just want that to show up over each gallery showing on a page. Thanks for you response esmi. esmi on "Gallery title over each Gallery?" http://wordpress.org/support/topic/333961#post-1288617 Fri, 20 Nov 2009 21:50:44 +0000 esmi 1288617@http://wordpress.org/support/ What are you using to create these galleries? The native WP gallery? and what would you want to use for the gallery title? The Post/Page title? bmilliot on "Gallery title over each Gallery?" http://wordpress.org/support/topic/333961#post-1288613 Fri, 20 Nov 2009 21:47:43 +0000 bmilliot 1288613@http://wordpress.org/support/ Been searching for a solution but can't find one. I have several galleries in one page, and want each to display its title. Is there a way to do this without hacking the code? Or do I have to add some php to a template file? Thanks! lok1728 on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1288426 Fri, 20 Nov 2009 18:58:58 +0000 lok1728 1288426@http://wordpress.org/support/ Hey Stingray, Here's my thoughts on a thumbnail container: I made a DIV to put these in (here's an example css) <pre><code>#gallerythumbs { overflow: auto; margin: 0px 0px 0px 0px; /*padding: 0px 10px 0px 0px; */ width: 160px; height: 470px; position: absolute; top: 0% /* for explorer only */ }</code></pre> If you view the source of this page : <a href="http://artofgabriel.com/paintings/urban-legend/">gallery</a> you'll be able to see where I placed the DIV. Mind you, I'm not using the overflow scroll but I do have the thumbnail div in place. Also, I made my own gallery.php template so I'm not using the default, this way any changes made are not upset with any nextgen gallery updates. jennsweb on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1287748 Fri, 20 Nov 2009 06:05:02 +0000 jennsweb 1287748@http://wordpress.org/support/ Hi Stingray, The image size issue was one of the first ones I had with NGG. I had to set the width the Overview div to 300px and the big_img_container to 400px and float them to the right and left respectively. In other news, the tag works in the descriptions and now the galleries are all functioning. The only remaining issue is that the first image in the thumbnails gallery on the right is not aligned horizontally with the 2nd column in Safari. <a href="http://www.lovejoydesigns.net/featured-products/" rel="nofollow">http://www.lovejoydesigns.net/featured-products/</a> Any ideas out there? Stingraynut on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1287691 Fri, 20 Nov 2009 04:00:03 +0000 Stingraynut 1287691@http://wordpress.org/support/ I have two problems - I have a test of 23 thumbnails- I'd like to enclose then in a container with overflow:scroll; but I can't make or find any container that will contain the thumbs generated by the JS the other problem is not related to this thread, not sure if I should start a new thread? but will mention it here in case it's obvious - when uploading images to the gallery, they are not controlled by the maximum size set under options and come out at original larger size Stingraynut on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1287656 Fri, 20 Nov 2009 02:45:19 +0000 Stingraynut 1287656@http://wordpress.org/support/ I found the dotted lines- line 80 of Gallery.php there are 5 full stops - removed them and dots have gone! they are the last entry under the heading <code></code> and immediately before <code></code> Stingraynut on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1287645 Fri, 20 Nov 2009 02:26:30 +0000 Stingraynut 1287645@http://wordpress.org/support/ @jennsweb I've copied your css and gellery PHP and have the thumbnails on the right as I wanted - thank you I have those strange blue dotted lines too- haven't found out whats causing them yet, but they go near the option to 'View with piclens' which I haven't removed. There are 5 blue dots and 3 groups of them- I have 3 test images hmmm.You have 5 groups and 5 thumbs. The second and 3rd groups underline when hovered over - as do yours. I think they are for the alt text Title. I got the 'undefined' error when I renamed the Alt & Title text which then renamed the filename so the picture couldn't be accessed. midday Friday 20th Nov current test is at- <a href="http://cyclonekit.com/test/?page_id=2" rel="nofollow">http://cyclonekit.com/test/?page_id=2</a> it's just a test website, not the eventual one I will use this on. Stingraynut on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1286519 Thu, 19 Nov 2009 07:32:41 +0000 Stingraynut 1286519@http://wordpress.org/support/ @arpe Thankyou Thankyou Thankyou - your instructions were crystal clear- showing the path to the gallery was extremely useful, as was it all- I followed all your instructions and PRESTO!!! all is working I can't thank you enough - and thanks of course to Arafat who began this thread. @jennsweb - looks like you have answered my next question about moving the thumbnails to the side, thankyou very much for posting your CSS and PHP code You've said it for me - <code>Thanks to all for the help found here! I can't believe how little (real and useful) info there is out there on how to customize the gallery!</code> SBlasnik on "NextGen Gallery: Image rotator not displaying" http://wordpress.org/support/topic/234018#post-1286404 Thu, 19 Nov 2009 04:31:15 +0000 SBlasnik 1286404@http://wordpress.org/support/ HI Do you know if I need to install the JW Player after I have installed the NEXTGEN Gallery plug in to get a rotating slideshow in a post??? I am trying to create a clickable slideshow pop up window in a post...... lok1728 on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1286232 Wed, 18 Nov 2009 23:51:05 +0000 lok1728 1286232@http://wordpress.org/support/ Hey Jennsweb, Okay, the only thing I can figure is that in the gallery alt and descriptions, if you have any hard breaks/returns, that undefined error appears. That's been my experience. The way I get around that is placing " " tags within the areas that I need a break in the text. I know somewhere there's code to catch hard-returns in a value and convert them for output but I haven't figured out how to do it yet. So for now, I have to tell my client(s) to put in the tag if they wish for multiple lines of text. So, you're most welcome and see if the above tag eliminates the undefined error? jennsweb on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1286121 Wed, 18 Nov 2009 22:21:25 +0000 jennsweb 1286121@http://wordpress.org/support/ Hi Lok1728 Thanks for straightening that out! I installed the code and the galleries are working. But... I had to delete the gallery that was on the featured products page and re-create it under a different name. It worked great when I had one word in the description but when I added the entire text (which the client needs to describe the product and list the price), I got the Undefined error again. It seems like this method only works when there is one line in the description? (working perfectly in the Portfolio Galleries which have 1 or 2 words in description) Thanks for all your help! lok1728 on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1285878 Wed, 18 Nov 2009 18:47:00 +0000 lok1728 1285878@http://wordpress.org/support/ Hey Jennsweb, There are a couple items that I see right off. In your link code for custom effect, you should only have this: <code>class="highslide" onclick="return custom_effect(this, 'big_image_container', '')"</code> In you header javascript, you only need this code: <pre><code>function custom_effect(img, div, attr) { if(img != 'undefined' && div != 'undefined' && div != '') { var d = document.getElementById(div); var html = '' + '<img src="' + img + '"'; /* need span for IE hack to center image vertically */ if(attr != 'undefined' && attr != '') { html += ' ' + attr; } html += '</div>' + '<div id="desc_container">' + '' + default_img_title[img] + ' ' + default_img_description[img] + '</div>'; d.innerHTML = html; } return false; } </script></code></pre> The function desc_effect (desc, div) code appears to be one of my earlier attempts to get the description and titles to show up but it didn't work very well - hence the "UNDEFINED" text on the first image. So, if you look at ARPE's full list of code and instructions, that's pretty much the steps. I hope this helps. It's the first thing I came across looking at your code and site. gemgfx on "Lightbox 2 effect not working with nextgen gallery" http://wordpress.org/support/topic/239167#post-1285668 Wed, 18 Nov 2009 15:25:21 +0000 gemgfx 1285668@http://wordpress.org/support/ Just to give you guys an update. I know it's an old post, but I was having the same problem. The solution provided by Raisthlin worked perfectly for me. <a href="http://wordpress.org/extend/plugins/jquery-lightbox-balupton-edition/">http://wordpress.org/extend/plugins/jquery-lightbox-balupton-edition/</a> regards, GemGfx micasuh on "[Plugin: NextGEN Gallery] Default gallery view = Cooliris (PicLens)?" http://wordpress.org/support/topic/275680#post-1285323 Wed, 18 Nov 2009 06:25:58 +0000 micasuh 1285323@http://wordpress.org/support/ Nice, but every time NextGen is updated this functionality will be lost. Is there a way to do this using the functions.php file? Otherwise, it'll get lost in all the updating. jennsweb on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1283901 Tue, 17 Nov 2009 01:35:39 +0000 jennsweb 1283901@http://wordpress.org/support/ I realized that in all the posts back and forth, the solution I had been looking for was divided up between different sets of code. Here's what I'm using for each step. You can see things properly in action here: <a href="http://testblog4.jennmearswebdesign.com/portfolio/wayland/" rel="nofollow">http://testblog4.jennmearswebdesign.com/portfolio/wayland/</a> (Note: Wayland is a child page of Portfolio) Things aren't quite working right on this page. (I also tested by inserting the gallery in a child page, but no dice.) <a href="http://testblog4.jennmearswebdesign.com/featured-products/" rel="nofollow">http://testblog4.jennmearswebdesign.com/featured-products/</a> The page loads with the word "Undefined" where the first image should be. Both Galleries' images also use description text for the images. Here's the code I'm using: Javascript for Header Pasted in between </title> and stylesheet link <pre><code><script language="javascript" type="text/javascript"> /* * Author Arafat Rahman (<a href="http://arafatbd.net)ANDlok1728ammended" rel="nofollow">http://arafatbd.net)ANDlok1728ammended</a> */ function custom_effect(img, div, attr) { if(img != 'undefined' && div != 'undefined' && div != '') { var d = document.getElementById(div); var html = '' + '<img src="' + img + '"'; /* need span for IE hack to center image vertically */ if(attr != 'undefined' && attr != '') { html += ' ' + attr; } html += '</div>' + '<div id="desc_container">' + '' + default_img_title[img] + ' ' + default_img_description[img] + '</div>'; d.innerHTML = html; } return false; } function desc_effect (desc, div) { if(desc != 'undefined' && div != 'undefined' && div != '') { var t = document.getElementById(div).innerHTML = desc.title; var html = '' + desc + ''; t.innerHTML = html; } return false; } </script></code></pre> Call to Javascript in Footer inserted just before </body> <pre><code><script language="javascript"> custom_effect(default_img[0], "big_image_container", ""); // show default image </script></code></pre> Link Code for Custom Effect <code>class="highslide" onclick="return custom_effect(this, 'big_image_container', ''), desc_effect(this, 'desc_container', '');"</code> Here's the Gallery Template HTML . It's from the Default Image edit to the end of the code (NOTE: I needed to get the Thumbnails to display on the right and after a lot of trial and error, mostly the latter, I realized that if I close the div for the Gallery Overview just after the Thumbnails-related divs, I can force the width of the thumbnails "container" to 300px, floated right) <pre><code> <script language="javascript"> var default_img = new Array(); var default_img_description = new Object(); var default_img_title = new Object(); </script> <?php $i = 0;?> <?php foreach ($images as $image) : ?> .....  <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $gallery->imagewidth ?> > <div class="ngg-gallery-thumbnail" > <a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> > <img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />  <script language="javascript"> default_img[<?=$i?>] = '<?php echo $image->imageURL ?>'; default_img_title[default_img[<?=$i?>]] = '<?php echo $image->alttext ?>'; default_img_description[default_img[<?=$i?>]] = '<?php echo htmlspecialchars_decode($image->description) ?>'; </script> </div> </div> <?php $i++; ?> <?php endforeach; ?> </div> <div id="big_image_container"></div> <script language="javascript"> custom_effect(default_img[0], "big_image_container", ""); </script> <div id="desc_container"></div>  <?php echo $pagination ?> </div> <?php endif; ?></code></pre> And, last but not least, Here's the Gallery specific CSS from the Default stylesheet for NGG <pre><code>/* ----------- Gallery style -------------*/ .ngg-galleryoverview { overflow: hidden; margin-top: 0px; width: 300px; height:400px; clear:both; display:block !important; float:right; background-color:#fff; } .ngg-galleryoverview .desc { /* required for description */ margin:0px 10px 10px 0px; padding:5px; } .artTitle { color:#fff; } .ngg-gallery-thumbnail-box { float: left; } .ngg-gallery-thumbnail { float: left; margin-right: 5px; text-align: center; color:#fff; } .ngg-gallery-thumbnail img { background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; margin:0px 0px 4px 5px; padding:4px; position:relative; } .ngg-gallery-thumbnail img:hover { background-color: #A9A9A9; } .ngg-gallery-thumbnail span { /* Images description */ font-size:90%; padding-left:5px; display:block; } .ngg-clear { clear: both; } #big_image_container { float:left; width:400px; } #desc_container { float:left; width:400px; font-size:12px; color:#7D8FA0; }</code></pre> This is what's working for me on at least one gallery. If anyone can help me figure out why the featured-products page isn't doing the same thing as the Portfolio page, I'd really be grateful! Begaraj on "[Plugin: NextGEN Gallery] Default gallery view = Cooliris (PicLens)?" http://wordpress.org/support/topic/275680#post-1283603 Mon, 16 Nov 2009 21:05:31 +0000 Begaraj 1283603@http://wordpress.org/support/ I find out the way to use PicLens by default. You need to modify the file gallery.php (plugin/nextgen-gallery/view/gallery.php) and put this code <?php echo $gallery->piclens_link ?> in the href of the thumbnails link <pre><code> <?php foreach ($images as $image) : ?> <div id="ngg-image-<?php echo $image->pid ?>" class="ngg-gallery-thumbnail-box" <?php echo $gallery->imagewidth ?> > <div class="ngg-gallery-thumbnail" > <a href="<?php echo $gallery->piclens_link ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> > <img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> /> </a> </div> </div> <?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?> <?php } ?> <?php endforeach; ?></code></pre> jennsweb on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1281789 Sun, 15 Nov 2009 01:39:00 +0000 jennsweb 1281789@http://wordpress.org/support/ Almost there! <a href="http://lovejoydesigns.net/featured-products" rel="nofollow">http://lovejoydesigns.net/featured-products</a> Having that same UNDEFINED issue on the home page, but once the thumbnails are clicked, things work. There are some weird dots above the thumbnails in FF and methinks it may be a hidden div issue again. Thanks to all for the help found here! I can't believe how little (real and useful) info there is out there on how to customize the gallery! jennsweb on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1279984 Fri, 13 Nov 2009 13:32:28 +0000 jennsweb 1279984@http://wordpress.org/support/ One more question: When I am editing the NGG template, gallery.php, do I need to put JS in the div for the description? <pre><code><?php $i++; ?> <?php endforeach; ?> <div id="big_image_container"></div> <script language="javascript"> custom_effect(default_img[0], "big_image_container", ""); </script> </div> <div id="desc_container"></div>  <?php echo $pagination ?> <?php endif; ?></code></pre> jennsweb on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056/page/2#post-1279953 Fri, 13 Nov 2009 13:01:14 +0000 jennsweb 1279953@http://wordpress.org/support/ Hey! The images are working now. THANKS! I have quite a few nested divs in the page so that's exactly what the issue was. I'm also having that Undefined thing show up where the description goes so I'll work on that as well. Thank you!! wator on "[Plugin: NextGEN Gallery] safe mode" http://wordpress.org/support/topic/249180#post-1279497 Fri, 13 Nov 2009 00:19:33 +0000 wator 1279497@http://wordpress.org/support/ no 1? lok1728 on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056#post-1279269 Thu, 12 Nov 2009 21:53:08 +0000 lok1728 1279269@http://wordpress.org/support/ Jennsweb, Hi. I checked your site, and it appears the DIV #contentpages is covering the DIV of your thumbnail(s). Check your DIV locations. That 2nd thumbnail is showing as a link, we just can't select it because it's under that DIV. I think that what the problem may be? \oh and thanks arpe for posting a clearer set of code and instructions than I had! jennsweb on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056#post-1279173 Thu, 12 Nov 2009 20:39:03 +0000 jennsweb 1279173@http://wordpress.org/support/ Help!!! I've gotten a Gallery to display properly here: <a href="http://www.lovejoydesigns.net/portfolio/waban/" rel="nofollow">http://www.lovejoydesigns.net/portfolio/waban/</a> BUT, only the first thumbnail (the one for the big image loaded into the container) seems to function. One can't navigate the second image. Do javascript errors affect links? I am trying to create links to the individual portfolio pages (waban, beacon hill and wayland) from the main portfolio page and even though the correct URL is hand-coded into the table in the middle of <a href="http://lovejoydesigns.net/portfolio" rel="nofollow">http://lovejoydesigns.net/portfolio</a>, the links aren't working. Thanks for all the help found here. Everyone gets a HUGE credit on my site when this is figured out! wator on "[Plugin: NextGEN Gallery] safe mode" http://wordpress.org/support/topic/249180#post-1277252 Wed, 11 Nov 2009 11:13:27 +0000 wator 1277252@http://wordpress.org/support/ i have the same problem, But if i make the "gallery / folders" manually, (with chmod 777) nextgen can't find the "folders/ gallery" example: galley/kamp, is created on mine server, but nextgen can't find it! i have look for a solution, but couldn't find it! greetz Wator * Operating Systeem : Linux (32 Bit) * Server : Apache NOYB * Geheugen gebruik : 16.78 MByte * MYSQL Versie : 4.1.15 * SQL Mode : Niet ingesteld * PHP Versie : 5.2.4 * PHP Safe Mode : Aan * PHP toegestaan URL fopen : Aan * PHP Geheugen Limiet : 32M * PHP Max Upload formaat : 20M * PHP Max Post formaat : 30M * PHP Output Buffer Size : N/A * PHP Max Script Uitvoering tijd : 30s * PHP Exif ondersteuning : Ja ( V1.4 ) * PHP IPTC ondersteuning : Ja * PHP XML ondersteuning : Ja arpe on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056#post-1276446 Tue, 10 Nov 2009 16:33:48 +0000 arpe 1276446@http://wordpress.org/support/ All credit to Arafat and lok1728 !!! Many thanks for sharing your gallery fix!