Ok, bear with me I’m not very well educated with Javascript and jquery is pretty new to me.
So, on my HTML5 home page I have a series of thumbnail images which already have a css code in place which I would like to keep (roll over hover effect).
Right off the bat I’m not even sure if the hover effect will work with the javascript I need.
Below is the image code I have in place to display the thumbnail and create the hover when the mouse is rolled over:
<td><a class=”thumbnail” href=”#thumb”><img src=”Images/ECommerceThumb.gif” width=”103″ height=”94″ alt=”” border=”0″><span><img src=”Images/ECommerceExpand.gif”/><br /></span></a>
</br><a href=”services.html”>Ecommerce</a>
</table>
What I’m so desperately needing is the javascript or jquery code for my clients to click on the thumbnail image and an image that is a different size (this is the HTML code for it: <img src=”Images/ECommerceLarge.gif” width=”760″ height=”871″ alt=”” border=”0″>) will open in a new window with a possible “close” button.
I managed to figure out the “new window” using a text link, however I fear future customers will not know to click on the link.
Any help with this will be very much appreciated.
Thank you!