I got this code from:
http://www.dynamicdrive.com/style/cs...-image-viewer/
And it works great(thanks), i love to have some infomation on rightside of the image. Not under the image.....Please
thanks for reading
I got this code from:
http://www.dynamicdrive.com/style/cs...-image-viewer/
And it works great(thanks), i love to have some infomation on rightside of the image. Not under the image.....Please
thanks for reading
Please post a link to the page on your site that contains the problematic script so we can check it out.
Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum
Here is the page:
http://laemeraldfashion.com/dresses.php
thank you very much
Just looked at your website. I have a small screen and when I hover over one of your pictures, the picture is on the right but only half of it is visible. I can't scroll over to see the full picture. Not really the answer to your question, but.....
i changed the top: 10px;left: 9px; to this just a sample
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: 9px; /*position where enlarged image should offset horizontally 100px and 900 px forme */
<table width="465" border="0">
<tr>
<td><a class="thumbnail" href="IMG_0162.gif" align='left'><img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><br />
<span><p align='left'>Style: 8398<br />
S,M,L(1-2-1) <img src="IMG_0162-250.jpg" align='right'/>
Style: 8398<br />
S,M,L(1-2-1)</span> <br />
</a></td>
<td><a class="thumbnail" href="IMG_0163.gif" align='left'><img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><span>
Simply beautiful.<img src="IMG_0163-250.jpg" align='left'/><br />
</span><span>Simply beautiful.</span></a> <br />
<p></p></td>
thank you.
I changed to TOP10PX AND LEFT 9PX.
As you see the image will show under the MENU.
Now you be able to see the TEXT, love to move the text to the right side of the image.
thank you for your time
what browser are you using i save your page and it should work on firefox also
put z-index:111; in
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
z-index:111;
visibility: visible;
top: 10px;
left: 9px; /*position where enlarged image should offset horizontally100px and 900 px forme */
}
text on left
<a class="thumbnail" href="IMG_0162.gif" align='left'>
<img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><br />
<span><p align='left'>Style: 8398<br />
S,M,L(1-2-1) <img src="IMG_0162-250.jpg" width="100" height="200" align='right'/>
Style: 8398<br />
S,M,L(1-2-1)<span><p align='right'>Style: 8398<br /></span></span> <br />
text on right
<a class="thumbnail" href="IMG_0163.gif" align='left'>
<img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><br />
<span>Simply beautifulzzxx.<img src="IMG_0162.gif" width="100" height="200" border="0" align='right'/>
<img src="IMG_0163-250.jpg" align='left'/><br />
<p align='left'>Style: 8398<br /></span><span>Simply beautifultop00top.</span></a> <br />
<a class="thumbnail" href="IMG_0163.gif" align='left'>
<img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><br />
<span>
Simply beautiful.<img src="IMG_0163-250.jpg" align='left'/><br />
</span><span>Simply beautiful.</span></a> <br />
Maybe i didn't explained little more clear...
Everything is working but i want to replace the Text on right side of the image.
Not under image If you click on Dresses and first picture show style number, i want to replace this information on right side of the image.
i hope i explain little better.
thanks for your patient
align='left' in the <img
<img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/>jkhjuihui
hsahjkeioekdjhjkdsh
text on right
look for this --Style: 8398--
<a class="thumbnail" href="IMG_0163.gif" align='left'>
<img src="IMG_0162.gif" width="100" height="200" border="0" align='left'/><br />
<span>Simply beautifulzzxx.<img src="IMG_0162.gif" width="100" height="200" border="0" align='right'/>
<img src="IMG_0163-250.jpg" align='left'/><br />
<p align='left'>--Style: 8398--info info info info
what type of info <br /></span><span>Simply beautifultop00top.</span></a> <br />
take one image out this has 2
align='right
<img src="IMG_0162.gif" width="100" height="200" border="0" align='right'/>[[[jkhjuihui
hsahjkeioekdjhjkdsh]]]
followhim (02-07-2010)
It is awesome how i got help from this Forum.
I wonder if there is the way i could send little donation to this Forum???
Now i have one more dream with this wonderful code and i'm not sure i should ask here.
It is not right let me know i will open new thread(?).
How can i have pop up image right next to the thumbnail image.....too much to ask?
thank you very much for your time to help other
james
Bookmarks