Basically, i need some help. I want it so that when people click on the big image on my media page, i want it to pop out. I don't have the css and html knowledge to do so, can someone help me? http://ift.tt/1Pcl5BF This is the page!
If anyone can help me improve my gallery or give me some tips, i'll love you forever ;) This is the code: <style type="text/css"> body { color: #eee; margin-top: 20px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } a { color: #FFF; } a:hover { color: yellow; text-decoration: underline; } .thumbnails img { height: 80px; border: 4px solid #555; padding: 1px; margin: 0 10px 10px 0; }
.thumbnails img:hover { border: 4px solid #00ccff; cursor:pointer; }
.preview img { border: 4px solid #444; padding: 1px; width: 800px; } </style>
<body>
<div class="gallery" align="center"> <br />
<div class="thumbnails"> <img onmouseover="preview.src=img1.src" name="img1" src="http://ift.tt/1Pcl80a; alt=""/> <img onmouseover="preview.src=img2.src" name="img2" src="http://ift.tt/1M8pMqO; alt=""/> <img onmouseover="preview.src=img3.src" name="img3" src="http://ift.tt/1Pcl5RT; alt=""/> <img onmouseover="preview.src=img4.src" name="img4" src="http://ift.tt/1M8pMqQ; alt=""/> <img onmouseover="preview.src=img5.src" name="img5" src="http://ift.tt/1Pcl5RV; alt=""/> <img onmouseover="preview.src=img6.src" name="img6" src="http://ift.tt/1Pcl80c; alt=""/> <img onmouseover="preview.src=img7.src" name="img7" src="http://ift.tt/1M8pMH6;
alt=""/> </div><br/>
<div class="preview" align="center"> <img name="preview" src="http://ift.tt/1M8pMH6; alt=""/> </div>
</div>
THANKS!
Epic visual tool
Epson 5030UB 2D/3D 1080p 3LCD Projector
No comments:
Post a Comment