Karma-How to add multiple images in a popup to a single thumbnail WordPress

Romel Apuya answers:

Hi,

how about using this plugin.

http://winkpress.com/newsletter/subscribe/popup/simple-popup/

Firts you create a page where you pull two images side by side.

then use this plugin by calling it inside the loop where you display your thumbnail images.

this is just my idea, Havent tried it though.

regards,

romel

---

Paul Lumsdaine answers:

I found a good solution using lightbox:

[[LINK href="http://mysitemyway.com/support/topic/can-you-put-all-images-attached-to-a-post-all-in-one-lightbox"]]This might be what you're looking for[[/LINK]]

<strong>Synopsis of that link w/example:</strong>
Basic concept is to put all the images in there, then edit the html adding style="display: none" to all the images (or the anchor tag just to be sure). It will not show those and will only show the one without the style applied.

I know many lightbox / fancybox / whatever plugins give you the option of scrolling through all images on a page...

I have posted an example of this here, where I am using the WP Fancybox plugin:

[[LINK href="http://labcoatmedia.com/testing-one-thumbnail-with-multiple-images-displayed-for-wp-questions"]]Testing one thumbnail with multiple images displayed[[/LINK]]

---

Teri Westerby answers:

If you are using the NextGen gallery for your images, you can download an additional plugin called NextGEN Custom Fields. I'm not sure if you are familiar with editing PHP but, you can edit the PHP a bit and link individual images inside a gallery to anywhere, including more galleries.


1. Install Next Gen Gallery Plugin.
2. Upload images.
3. Go to Gallery > Options > Effects > Set Javascript Thumbnail Effect to ‘None’.
4. Now install NextGEN Custom Fields Plugin.
5. Go To Main menu ‘NGG Custom Fields’ > Setup Fields.
6. Click on ‘Image Custom Fields’ to create custom fields for image.
7. Add custom field by giving display name and selecting input type as text input(I want text box as input for link, So i select text input as type).
8. Go to Manage gallery and click on one gallery,You will find this added custom field for every image.
9. Now enter value of that text box for every image and click on save changes.
10. Go to Plugins > Editor > Switch to NextGEN Gallery in the Drop down Box > and click on nextgen-gallery/view/gallery.php It is near the bottom of the lists(Take backup before modifying this file.).
11. Replace following code starting from line number 41



<div >
<a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >
<?php if ( !$image->hidden ) { ?>
<img title="<?php echo $image->alttext ?>" alt="<?php echo $image->alttext ?>" src="<?php echo $image->thumbnailURL ?>" <?php echo $image->size ?> />
<?php } ?>
</a>
</div>

12. With this one

<div class="ngg-gallery-thumbnail" ><a href="<?php echo $image->ngg_custom_fields["img_url"]; ?>" 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>

13. Dont forget to change custom field name you have created. In my case My custom field which i have created is ‘img_url‘ So just replace your custom field name with your custom field name.
14. We have changed core file of plugin so whenever we upgrade this plugin, these changes will be lost.


it may not be exactly what you are asking but could be an alternate solution. a good example of this feature can be seen on one of my sites www.frankhoggard.ca

Hope that helps!

---

---