Welcome to
www.ScriptGenerator.net
The Webmaster Tools

Box/Div with sliding image - GeneratorBox/Div with sliding image - Generator

Share |

This online tool generates an animated html / css / jquery  div/box. The box cotent is covered by an image that slides down, up or in any direction you want when the mouse gets over the box (mouseover, hover). You can select the speed for the image sliding, the box dimensions, upload the image you want to use for your sliding div and the generator returns the html, css, jquery code for your sliding box, the image rezised to fit the box, and finaly, you can download the script you generated with just one click.








Width of the box
Height of the box
Upload Image
Sliding Direction
Slide Speed
Border Size
Border Color Choose Color
Div bg color Choose Color
Report Bug

 



Comments


   bozy

@Maxwell23 you can put the image as background. That's what i did. IT works. I edited the background properties in the CSS at class sliding adding url:  background:#161616 url(image2.png);
05-May-2009 - 02:51


   Maxwell23

me again... I have a question..can i replace the text underneath the sliding image with another image...How do I make that..thanx
04-May-2009 - 16:26


   Maxwell23

@erin_w is right this sliding image div is great but it would be better with a transition effect, fade or something like that. It wold also be great to have the option to cover only part of the box...
04-May-2009 - 16:22


   erin_w

nice effect! maybe a fade-out effect would be better ... I'm waiting for more generators
03-May-2009 - 07:39


Submit a comment!

Name *
E-mail *
Comment *