WordPress.org

Ready to get started?Download WordPress

Forums

[Nextgen-Gallery] Different Image from Thumbnail (10 posts)

  1. pmagony
    Member
    Posted 3 years ago #

    I have come across this question posted 5 or more times on this forum, but none have an answer associated to them and all of them are closed.

    I have a gallery with magazine covers (as thumbnails), I need to link them to their corresponding page within the magazine (as the full size image). The thumbnail is different from the enlarged image. This is important to understand.

    Lastly, I need to be able to hyperlink the full size image to a specific page/product on my site.

    Any insight on how to achieve these two tasks is very much appreciated.

    Thank you!

  2. kisxena
    Member
    Posted 3 years ago #

    I am also looking for answers to the same question as pmagony.

    _________________________________________________________

    My current webpage has a members page that shows members profile pics. When you click on the image, another one pops up. I can't find any answers on whether NexGen Gallery for WordPress can do this.

    http://www.solsistersmc.com/members.html

    Please advise.

    Thank you

  3. martyoo
    Member
    Posted 3 years ago #

    Hi Kisxena,

    I am having the same problem. I don' think it can be done.

    Do you mind me asking what are you using on your site to do it?
    Its exactly what I am trying to do with WordPress.

  4. kisxena
    Member
    Posted 3 years ago #

    Hi Martyoo:

    I actually figured it out and I have my members page working now. All I did was just copy & paste the code from my original Members page for each person then added it to the table I created.

    You can see it here: http://solsistersmc.com/?page_id=10

    I used both the Thumbnail Viewer and WP-Table Reloaded plugins.

    Thumbnail Viewer plugin: http://www.longren.org/wordpress/thumbnail-viewer/

    WP-Table Reloader plugin: http://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/

    For the images, I used this script:
    < a rel="thumbnail" href="/image_folder/iimage_name.jpg"><img src="/image_folder/image_name.jpg" border="0" alt="" />< /a >

    NOTE: I had to put a space before the "a" and "/a" at the beginning of the open and close tags or you wouldn't see the script.

    Hope this helps.

    -Renee

  5. pmagony
    Member
    Posted 3 years ago #

    Interesting approach, I too was able to effectively make it work as well using NextGen-Gallery and NGG Custom Fields plugin.

    With both plugins installed, you can create custom fields for each gallery. I created a custom field called "link".

    In that field, I simply put the link to the "alternate/large image" that is associated to each thumbnail.

    Just a minor tweak had to be done to /wp-content/plugins/nextgen-gallery/view/gallery.php to achieve this and I was able to retain full control via the administrative interface.

    Here's what I did:

    Between lines 80 -85 you will find the following line of code:

    <a href="<?php echo $image->imageURL ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >

    Changed it to this:

    <a href="<?php echo $image->ngg_custom_fields["Link"] ?>" title="<?php echo $image->description ?>" <?php echo $image->thumbcode ?> >

    the change is in the opening echo statement from $image->imageURL to $image->ngg_custom_fields["Links"] which coorelates with the new custom field I created using the NGG Custom fields plugin.

    Hope this helps the next guy. Took me a few days to gather all the pieces but atleast there's a solution posted on this forum now.

    Oh, by the way, to add a link in the description of your image, you have to put the code in the alt field of your gallery line-item.

    Thanks!

  6. martyoo
    Member
    Posted 3 years ago #

    Thanks kisxena and pmagony!

    Was trying to work this one out for ages.

  7. pmagony
    Member
    Posted 3 years ago #

    Let us know if you need help rolling it out.

  8. spoolworthy
    Member
    Posted 2 years ago #

    pmagony

    Hi there. TOTAL noob here, put I think I was still able to follow your suggestion. Thank you!

    A few follow-ups...

    1) You had written:

    "With both plugins installed, you can create custom fields for each gallery. I created a custom field called 'link'."

    But do you mean create custom fields for each IMAGE? The two options the NGG Custom Field plug-in gives for creating custom fields are:

    -Image Custom Fields
    -Gallery Custom Fields

    If one selects "gallery", then only one link field appears for the entire gallery, which can contain multiple images - and presumably, one would want a different link for each individual image.

    So I chose "Image Custom Fields" -- which added a link next to each individual image in my gallery.

    2) You had used the word "link" for the custom field you created but then "Link" (with a capital "L") in the html-code thing-ee you wrote. I tried it that way and it wasn't working -- but then I made them both lower-case and it seemed to work. I say "seemed" on purpose. Which brings me to...

    3) It's not working. :) Well, it sorta is. I have five images in a gallery. There is a custom link box next to all of them in the Word Press control panel thing-ee. I filled all of the link boxes with links to larger-version images. However, only the first two images work properly when you clink on them. And by "work", I mean when you click the images, the thumb-nail "zoom ins" all nicely to the larger linked image. However, after the first two, none of the other links work properly - they don't "zoom in". They just redirect to image.

    I'm including to the site for an example.

    http://shopspool.com/press/

    You can see the first two images work properly. Then next two do not. The graphics I'm using are only temp...since figuring out how to upload media is my next step. I'm not sure if this isn't working because I misunderstood something, which is why I wrote everything out in detail...or if I'm just too much a noob at this. I cannot reiterate that last part. I don't know a THING about html or websites or wordpress and just had the shopspool website dropped in my lap. I didn't even know what a plug-in was until five hours ago...or even that there was something to plug-into. :) Getting it installed took me thirty minutes. However, where there's a will, there's a way.

    Any help would be greatly appreciated.

    :)

    (oh kisxena, I tried yours, too, since your website is pretty much exactly what I'm trying to do -- clicking the thumbnail pulls up a different image -- but there was just too much I couldn't follow in my nooberyness :)

  9. spoolworthy
    Member
    Posted 2 years ago #

    UPDATE: I have a funny feeling the answer to my inconsistency problem is something written in the "Alt & Title Text / Description". I noticed that they were quantitatively different in the ones that are having problems.

    That being said, add this to the list...

    4) There USED to be descriptions of the images showing up on my page. They no longer are showing up since I did the above tweak. Any ideas there? :)

  10. sumroo4u
    Member
    Posted 2 years ago #

    I have also same problem, I need to show different size of images, but nextgen gallery support only thumbnail size and the original size. I want to create medium size also for images. Can any one help me in this, Any help will be appreciated.

Topic Closed

This topic has been closed to new replies.

About this Topic