Đang Thực Hiện

144899 On-mouseover image pop-up

I need an image popping up when the visitor of my site moves the cursor over a thumbnail image.

The image needs to show in the same place *inside* the the respective thumbnail, no matter where the users cursor entered the thumbnail. I attached an image to show you what it should look like in mouseover state.

This overlay image needs to be clickable, with an url that will get the nuber of the thumbnail passed in a variable, like this:

/[url removed, login to view] The link with this url must be on the page with the thumbnails, so that the script that creates the thumbnail table can insert the right id for every thumbnail.

The rest of the thumbnail should lead to another url, if clicked. (see second image attachment)

On mouseout, the images should be hidden again.

There will be several (up to 60) of these thumbnails on the page, in a table. You can find a test-version with the first row of thumbnails in the html attachment.

The solution should be either made with javascript or - if possible - with css alone.

The attached html file is to be used, including all the mouseover code that it contains at the moment.

The script needs to be very lightweight.

Kĩ năng: Bất kì công việc gì, CSS, Javascript

Xem nhiều hơn: mouseover, show image thumbnail php, php pop inside page, insert variable, clickable css, report variable, css show image, css clickable, css rest code, insert javascript html, image table, overlay images css, javascript code insert php, javascript image show, rest file image, find image image, image url image php, css overlay image, cursor javascript, javascript hidden show, html table insert, javascript find variable, html image javascript, css javascript image, javascript variable php

Về Bên Thuê:
( 7 nhận xét )

ID dự án: #1891075