PDA

View Full Version : could you help me in (CSS) to make scrolling images


sharifphp
10/05/2006, 23:13
what i'm trying to do is scrolling images and zoom in same time and when mouse over on an image zoom in and make effect.

also on mouse over stop scrolling..

and i'm trying to do it Using CSS - Javascript - or ajax .. so if you know please , let me know or if you know any fourms that could help me .. please send it right a way.

the progress of the code i did make scrolling with this code :

in css code i put that code
#zoom img:hover {
width:300px;
height:225px;
}

Seems dosn't work at all ..

and for scrolling i put that code
<marquee height="79" scrollamount=3 scrolldelay=90 onmouseover='this.stop()' onmouseout='this.start()'>

Here images codes
<img border="0" src="image.jpg" width="110" height="150">

</marquee></p>
</body>







Here is the full style code :
<style type="text/css">
body {


table table table table {border:0px;}
.r{}
div table td font {display: none;} a img {filter:alpha(opacity=75); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6;}

a:hover img {filter:none; -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;}
table {direction:rtl; } table table table {direction:ltr; }


#zoom img:hover {
width:300px;
height:225px;
}

#footer {
color: #999;
}

</style>

<marquee height="79" scrollamount=3 scrolldelay=90 onmouseover='this.stop()' onmouseout='this.start()'>

<img border="0" src="image.jpg" width="110" height="150">

</marquee></p>
</body>




also the images has rollover effect to change it , and when over it's must see more clearly ..

and this dosn't work fine with firefox .. only IE and i don't know why .. !

about this script i'm trying to do better then use flash , cuz i don't know flash well, and i'm trying to make it Dynamic for easy to change the code or put more images in scrolling or use it for php script or other Dynamic .

pokemon
10/07/2006, 01:39
the marqee tag sucks