Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Mouse over

Status
Not open for further replies.
mayu03

mayu03

Programmer
Oct 3, 2003
91
US
I have the following code where clients can view a bigger picture when they click on a smaller. Is it possible to view a bigger picture when mouse in the smaller picture.
<head>
<title>HOME</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<link rel=&quot;stylesheet&quot; href=&quot;style.css&quot; type=&quot;text/css&quot;>
</head>
<frameset align=right cols=&quot;*,200&quot; border=&quot;0&quot;>
<frame align=left src=&quot;target0.html&quot; name=&quot;images&quot; border=&quot;0&quot;>
<frame src=&quot;thumbnails.html&quot; scrolling=&quot;yes&quot; border=&quot;0&quot;>
</frame>
</frame>
</frameset>
</frame>
</frameset>
</html>
 
Sort by date Sort by votes
Hey,

I'm pretty sure that you need to use a name besides &quot;images&quot; for your frame, since that's already reserved in JavaScript. Try this:

<html>
<head>
<title>HOME</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<link rel=&quot;stylesheet&quot; href=&quot;style.css&quot; type=&quot;text/css&quot;>
</head>
<frameset align=right cols=&quot;*,200&quot; border=&quot;0&quot;>
<frame align=left src=&quot;target0.html&quot; name=&quot;images1&quot; border=&quot;0&quot;></frame>
<frame src=&quot;thumbnails.html&quot; scrolling=&quot;yes&quot; border=&quot;0&quot;></frame>
</frameset>
</html>

And in your thumbnails.html page, do like this:
<img src=&quot;thumbnail1.gif&quot; onmouseover=&quot;window.images1.href=page1.html;&quot;>
<img src=&quot;thumbnail2.gif&quot; onmouseover=&quot;window.images1.href=page2.html;&quot;>

Rick

-----------------------------------------------------------
RISTMO Designs
Arab Church
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Locked
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
741
3esolar
3
ggriffit
  • Locked
  • Question
Adding a CSS attribute overlay using ::after 1
Replies
8
Views
232
ChrisHirst
ChrisHirst
c0deM0nK424
  • Locked
  • Question
Horrible Vile 'horizontal overflow' appearing on bootstrap smooth scrolling website ?
Replies
2
Views
112
vacunita
vacunita
notsoevilgenius
  • Locked
  • Question
CSS Precedence - Can I override the CSS Style Sheet
Replies
6
Views
231
notsoevilgenius
notsoevilgenius
aich69
  • Locked
  • Question
CSS menu -mouse over alternate image. 1
Replies
4
Views
100
vacunita
vacunita

Part and Inventory Search

Sponsor

Back
Top