WordPress › Support User Favorites: aledan

WordPress › Support User Favorites: aledan http://wordpress.org/support/ WordPress › Support User Favorites: aledan en Thu, 26 Nov 2009 09:39:19 +0000 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 akinoluna on "Retreive First Image From Post" http://wordpress.org/support/topic/246893#post-1289800 Sun, 22 Nov 2009 06:50:55 +0000 akinoluna 1289800@http://wordpress.org/support/ Using the first code at the top of this post, is there a way to set the size of the default image? 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. 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> 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. joshrodgers on "Retreive First Image From Post" http://wordpress.org/support/topic/246893#post-1284558 Tue, 17 Nov 2009 17:02:36 +0000 joshrodgers 1284558@http://wordpress.org/support/ Great piece of code. Is there a way where the function retrieves the first image in the post (the "Medium-Size" image), but links to the "Large-Size" image? Thanks, Josh :) 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! 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! chocks on "Easy frontend publishing" http://wordpress.org/support/topic/304606#post-1281243 Sat, 14 Nov 2009 15:27:17 +0000 chocks 1281243@http://wordpress.org/support/ hi folkmun, have you srted out this yet? I'm looking for the exact same thing! Cheers, Joaquín 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!! 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! 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! arpe on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056#post-1276441 Tue, 10 Nov 2009 16:29:19 +0000 arpe 1276441@http://wordpress.org/support/ Hi Stingraynut, I was just doing it today so here is what I've done: 1) open file header.php 2) paste this code after closing </title> tag, in the next line <pre><code><script language="javascript" type="text/javascript"> /* * Author Arafat Rahman (<a href="http://arafatbd.net" rel="nofollow">http://arafatbd.net</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; } </script></code></pre> you can really paste it anywhere in HEAD section of the document - what is IMPORTANT - the script has to definitely end before closing </head> tag. 3) open file called gallery.php - it should be located in: wp-content>plugins>nextgen-gallery>view>gallery.php 4) now, find this line and code: <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 $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 ?> /> </a> </div> </div> <?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>  <?php } ?> <?php endforeach; ?>  <?php echo $pagination ?> </div> <?php endif; ?></code></pre> and replace it with: <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 ?> style="text-decoration:none;" > <img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> ></a>  <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 id="big_image_container"></div> <script language="javascript"> custom_effect(default_img[0], "big_image_container", ""); </script>  <?php echo $pagination ?> </div> <?php endif; ?></code></pre> 5) Now, login to your WordPress and on the menu - left hand side - below Settings you should see Gallery, go to Options, and from top menu chose Effects; 6) JavaScript Thumbnail Effect: chose > Custom 7) Link code line: paste this code > class="highslide" onclick="return custom_effect(this, 'big_image_container', '')" 8) Make sure you click on "Save Changes" 9) From top menu chose: Gallery, and make sure that option "Show ImageBrowser" is NOT selected!!! 10) it should all work now! If you want to make some changes to the BIG image that is displayed below thumbnails you should edit your CSS file, for example: #big_image_container img { border:1px solid #A9A9A9; margin: 10px; padding:5px; height:350px; max-width:500px; /* display:block !important; */ } Hope it all works for you, and you will be able to fix your gallery! Ro Stingraynut on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056#post-1271903 Fri, 06 Nov 2009 06:17:20 +0000 Stingraynut 1271903@http://wordpress.org/support/ Hi arafat & lok1728 both your sites are brilliant- this is exactly what I want to do. I am hazy on PHP and JS, I often manage to copy or change them succesfully, but my attempt to copy the instructions failed. Please could someone help me with these basic questions? Step Two - where in header.php do I put that code? Step Four - You say 'edit' - do I replace the thumbnail code there with the code in your instructions? or ADD the code (before/after)? Step Five - call the function - is this pasted into same file as step 4? I'm sorry to reward brilliant programminging with dumb questions, but I really want to have thumbnails AND display image freaq on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056#post-1271840 Fri, 06 Nov 2009 04:13:15 +0000 freaq 1271840@http://wordpress.org/support/ Hi Andymacb, I've been working on another site, back to the gallery one now. If you could show me that code I'd really appreciate it. I'm having another problem using the image viewer...I can't seem to stop the image viewer sizing the images up too big when a thumb is clicked. How have you sorted that on your photographer site? thanks darthmortar on "Retreive First Image From Post" http://wordpress.org/support/topic/246893#post-1260754 Tue, 27 Oct 2009 16:14:27 +0000 darthmortar 1260754@http://wordpress.org/support/ Can you please explain how I cange the code so I can choose different images for different categories if their is no "first image in the post"? I have a category named "trailers" where I have posts with only an embed video, like YouTube, I want those posts thumb to be a different image. My second category is called "vardag" and contains personal things not related to "the other stuff" my blog is about, their I want another thumbimage, if their is no "first image in the post". senlin on "Retreive First Image From Post" http://wordpress.org/support/topic/246893#post-1258050 Sat, 24 Oct 2009 22:34:40 +0000 senlin 1258050@http://wordpress.org/support/ this function works great indeed, however if your posts don't have an image, there is that default image. for a website i am developing i wanted more flexibility, in other words if there is an image i want to grab it and show the thumb, but if there is no image i want nothing at all. after a bit of searching i found that <a href="http://wordpress.org/extend/plugins/get-the-image/">Justin Tadlock's Get the image plugin</a> had a snippet of code that served to be very useful for this purpose. I created a new function in my functions.php that contained that code: <pre><code>function image_by_scan( $args = array() ) { if ( !$post_id ) global $post; preg_match_all( '|<img.*?src=[\'"](.*?)[\'"].*?>|i', $post->post_content, $matches ); if ( isset( $matches ) ) $image = $matches[1][0]; if ( $matches[1][0] ) return array( 'image' => $image ); else return false; }</code></pre> I then replaced <code>return array( 'image' => $image );</code> with <code>return TRUE;</code> In my index.php I then added the additional code: <code><?php if (image_by_scan('TRUE')) : ?></code> Works brilliantly, thanks so much for pointing me in the right direction! andymacb on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056#post-1253216 Tue, 20 Oct 2009 21:13:28 +0000 andymacb 1253216@http://wordpress.org/support/ Hi freaq - I've also coded a way to link back to thumbs - see <a href="http://www.danpixphotography.co.uk/">Dan Pix Photography</a>. I'm half asleep with a cold at the minute - I'll try and post back my code within a couple of days. The essence of the solution is to put the gallery template into your theme files, and recode the links to images to include a parameter indicating the gallery's ID & page number so that you go back to the right page. A. freaq on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056#post-1252042 Mon, 19 Oct 2009 22:48:08 +0000 freaq 1252042@http://wordpress.org/support/ Hi andymacb, your right, thanks for that. I completely missed that option in the admin duh! All I need to sort out now is a way back to the thumbs. thanks for the reply! andymacb on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056#post-1250842 Sun, 18 Oct 2009 20:48:28 +0000 andymacb 1250842@http://wordpress.org/support/ Freaq - what you describe sounds like standard behaviour for NGG if I've understood you correctly. In the NGG Options page in Admin just go to the Gallery tab and check the checkbox for the Show ImageBrowser option. Then when you click on a thumbnail in a gallery you will be taken to the image browser view for that image. freaq on "[Plugin: NextGEN Gallery] How can I display thumbs and big image in a div" http://wordpress.org/support/topic/235056#post-1248180 Thu, 15 Oct 2009 23:53:52 +0000 freaq 1248180@http://wordpress.org/support/ Thanks Arafat, this almost solves what I've been trying to find a solution to for days. What I need is the thumbs to show as they do, but when a thumb is clicked the grid of thumbs is replaced with the imagebrowser layout with next and back buttons to click through the images. I don't want any image overlays. Using your layout I can get the large image to replace the thumbs in the div, what I need is the imagebrowser layout like this on the nextgen site... <a href="http://nextgen-gallery.com/image-browser/">http://nextgen-gallery.com/image-browser/</a> If anyone could help it would be great, I've posted in the forums a couple of times but had no reply's. thanks