318pixels does not currently provide support for this item.

14 comments found.

Nice job! I like this.

Do all the pictures need to be the same size? Can html be added? = links?

The pictures should have the same size but you can change it in the source code. No, it’s a simple slideshow, just for images. Simply efficient :p

Hi, does this support Internet Explorer? Looks great!

I generally do not support IE, it won’t work on IE6 but it should work on the latest version of IE. I am a mac user so I have no oppurtinity to test it on Internet Explorer.

So it does not work on IE? I am a mac user too but when building a website I need to make sure that it works on all platform..

Yeah you are right. But this item is a CSS3 Image Slider. At this moment you cannot build an image slide with CSS3 for IE, or I haven’t found a solution. If I would use some jquery or javascript code, to support way old versions of the internet explorer, than it isn’t a “CSS3 Image Slider” anymore and that is what I wanted to sell on codecanyon. ;)

This looks good, but it would be better if it moved on its own without having to use mouse.

I’m sorry for the late answer I was on holiday. I’ll keep it in mind and I will add this feature in a new version. Thanks!


I have 9 images but it’s IMPOSSIBLE to have a great results even if you change the values in the .css….. My code is: (I have 9 images)

slideshow ul {

list-style-type: none; height: 100%; width: 900%; position: relative; left: 0px; -webkit-transition: left 1s; -moz-transition: left 1s; -o-transition: left 1s; transition: left 1s; }

slideshow ul li {

width: 20%; height: 427px; float: left; position: relative; }

Please help me.

Hello Silvering, you have to take a look at each line of code in the HTML and in the CSS file. When you have lines of code, where you find the numbers 1 till 5 between them, you have to add the other lines from 6 till 9. For example:

#wrap label[for=button1] { margin-left: -40px; } #wrap label[for=button2] { margin-left: -20px; } #wrap label[for=button3] { margin-left: 0px; } #wrap label[for=button4] { margin-left: 20px; } #wrap label[for=button5] { margin-left: 40px; }

You have to change these lines into these ones:

#wrap label[for=button1] { margin-left: -80px; } #wrap label[for=button2] { margin-left: -60px; } #wrap label[for=button3] { margin-left: -40px; } #wrap label[for=button4] { margin-left: -20px; } #wrap label[for=button5] { margin-left: 0; } #wrap label[for=button6] { margin-left: 20px; } #wrap label[for=button7] { margin-left: 40px; } #wrap label[for=button8] { margin-left: 60px; } #wrap label[for=button9] { margin-left: 80px; }

I’ve created a image slider with 9 images by myself today. If you want to, you can drop me an email so I can send you the ready-made image slider.

Thanks a lot! It works great!

You’re welcome :)

Nice job! I’ve purchased this item this morning. Installation was easy and it works flawless!

Thank you, you’re welcome! :)

Can I make the slideshow run automatically?

No, unfortunatelly not yet.

I man, is there a way to male the slide starting automatocally? thanks in advance Graziano

Unfortunately not yet. I tried to do this but it’s kinda difficult but I am going to try it again later!

I can’t use it coz not support Ie7 and my client asled for it. :-( thanks anyway G

Yeah. The code lines I used for this image gallery does not support IE7 very well. I’m sorry :(

Simple and efficient, great job !

Thank you!

hi, can it be modified to scroll up? Thanks

Just purchased the slider but noticed it doesn’t move on it’s own … you mentioned that you would be implementing this for an update two years ago … any progress? Thanks.

I am having trouble with it showing part of the images on the left side, after the first slide? Any suggestions on how to fix this?

good sales =)