472,353 Members | 1,576 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,353 software developers and data experts.

link on pop-up image from thumbnail using css

I am using this css. I have a link from the thumbnail to another page, but need to go to the same link on the pop-up image.



position: relative;
z-index: 0;

background-color: transparent;
z-index: 50;

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightpink;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */



<a class="thumbnail" href="http://www.varmintcong.com/plan9.htm"><img src="images/plan9thumbnail.jpg" width="388" height="200" border="0" /><span><img src="images/plan9popup.jpg" /><br />
Plan 9</span></a>

the web page is:


Any help would be much appreciated.

Mar 31 '07 #1
4 2499
I have played with this css from dynamicdrive.com also. Good stuff, I use it on this page pretty often as it is rather light and produces a nice affect. However, i do no beleive you can great links within the pop up. For that I have switched to a java script that does pretty similar things.
Mar 31 '07 #2
Thank you for replying. Can you please post the javascript you mentioned or direct me to a place to copy and paste it into my page.

Mar 31 '07 #3
I used some of dynamic drives java script menu stuff then modified it to run some pictures and text. It is pretty much straight up mod done throught xhtml.

you can see it here


just hover over a few of the track names.
Apr 2 '07 #4
There is a problem with this bit of code in IE (6.0) where a bug in IE does link to the specified URL on the pop up image. There is a fix by putting a onClick call in the image tag. See the fix here:
May 13 '07 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

by: JimC | last post by:
Think I asked this once before. My apologies for asking twice. In a certain PHP document at my site, I have a link to a Word version of the same...
by: Roy Smith | last post by:
In the recent "transforming a list into a string" thread, we've been discussing the fact that list.pop() is O(1), but list.pop(0) is O(n). I...
by: Will | last post by:
Hi, Sorry to be a pest... But I can figure this out. I'm pushing to a stack. then I need to check to see if the word is a palindrome. Is...
by: LinusLee | last post by:
I know _cdecl is often used by the static function that has variable args num... In _cdecl func... after returnning function, pop args... In...
by: Derek | last post by:
As I understand it there is a good amount of link compatibility among C compilers. For example, I can compile main.c with GCC and func.c with Sun...
by: Stingray | last post by:
I think this is more of a general IE/HTTP question but I didn't know where to post. If this is not the place for it, please point me to the right...
by: Nanker | last post by:
In our .NET 1.1 ASP.NET application, I'm noticing some behavior that I would like to change. If I open a web browser and manually copy and paste a...
by: Nicholas Parsons | last post by:
Howdy Folks, I was just playing around in IDLE at the interactive prompt and typed in dir({}) for the fun of it. I was quite surprised to see a...
by: PGPS | last post by:
Hi, I want to know who all clicked a particular link (cgi-script) on any website. 1. Link points to my own webserver 2. Link can be sent...
by: justyna | last post by:
Hi! There is a nice feature that I've seen on data recovery services site. When you move mouse over the "Country", in the top on the right side of...
by: Kemmylinns12 | last post by:
Blockchain technology has emerged as a transformative force in the business world, offering unprecedented opportunities for innovation and...
by: Naresh1 | last post by:
What is WebLogic Admin Training? WebLogic Admin Training is a specialized program designed to equip individuals with the skills and knowledge...
by: jalbright99669 | last post by:
Am having a bit of a time with URL Rewrite. I need to incorporate http to https redirect with a reverse proxy. I have the URL Rewrite rules made...
by: Matthew3360 | last post by:
Hi there. I have been struggling to find out how to use a variable as my location in my header redirect function. Here is my code. ...
by: WisdomUfot | last post by:
It's an interesting question you've got about how Gmail hides the HTTP referrer when a link in an email is clicked. While I don't have the specific...
by: Matthew3360 | last post by:
Hi, I have been trying to connect to a local host using php curl. But I am finding it hard to do this. I am doing the curl get request from my web...
by: Oralloy | last post by:
Hello Folks, I am trying to hook up a CPU which I designed using SystemC to I/O pins on an FPGA. My problem (spelled failure) is with the...
by: Carina712 | last post by:
Setting background colors for Excel documents can help to improve the visual appeal of the document and make it easier to read and understand....
by: BLUEPANDA | last post by:
At BluePanda Dev, we're passionate about building high-quality software and sharing our knowledge with the community. That's why we've created a SaaS...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.