3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

Help with Thumbnail Grid with Expanding Preview

by Markod123
2 replies
  • WEB DESIGN
    • |
Hi Guys,

Ok this may be a long one,

I am using this source code for my site Thumbnail Grid with Expanding Preview | Codrops

It looks very similar if not the same as google images when you click on an image,

now the problem I have is that I do not know how to add more features into the drop down box, if you go onto google images and click an image the drop down shows multiple things including more images and links to the source of the image and video links,

I need to know how to edit the source code from the above site to add more features than just the title, description and one link,

Any help is much appreciated,


Many thanks
Marko
#expanding #grid #preview #thumbnail
  • Profile picture of the author WPcrew
    And what exactly you want to add? Link, text, more images, how should we know in order to help you?

    I can only tell you where you need to edit, but you need to learn bit html & css.
    Search this part in code:
    Code:
    <a href="http://cargocollective.com/jaimemartinez/">Visit website</a>
    This is as you can see where Visit website link is. Add some text after it, and see what happens, or tell us what do you want to add.
    {{ DiscussionBoard.errors[8983470].message }}
  • Profile picture of the author samiur
    To add another link, you can add a link code(just using <a href) before 18th line (</div>) on the second part of the code.
    To show visually similar images or similar images by name, you have to write another code which can be found on many web development blogs. Or, just find out how Google do this.
    {{ DiscussionBoard.errors[8983471].message }}

Trending Topics