Web Analytics Made Easy -
StatCounter could you help me in (CSS) to make scrolling images - CodingForum

Announcement

Collapse
No announcement yet.

could you help me in (CSS) to make scrolling images

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • could you help me in (CSS) to make scrolling images

    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 code >>>

    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>
Working...
X