Closed

Write Javascript / Jquery fading image slider with different image on hover

This project received 20 bids from talented freelancers with an average bid price of £16 GBP.

Get free quotes for a project like this
Employer working
Project Budget
£10 - £20 GBP
Total Bids
20
Project Description

On this page ([url removed, login to view]) you will see a basic image gallery with a fade effect when the thumbnail images are clicked. This is done using a jquery plugin which has been inserted into our site CMS. The script used is below:

------------------------------------------------------------------------- JavaScript-------------------------------------------------------------------------

$(function() {
$(".image").click(function() {
var image = $(this).attr("rel");
$('#image').hide();
$('#image').fadeIn('slow');
$('#image').html('');
return false;
});
});

---------------------------------------------------------------------------- HTML---------------------------------------------------------------------

















--------------------------------------------------------------------------------------------------------------------------------------------------

I require the script to be modified to allow for a transparent PNG image to be overlayed on top of the main image, when you hover over it.
For example, there is an image of some cocktails - on hover I would like a PNG to be overlayed on top, which has the names of each,
like a sort of annotation on hover.

My knowledge of Javascript is not sufficient enough to do this, please can you contact me if you are interested?

Kind regards.

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online