Ads
ABOUT
The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery (for my web site kruskica.net). Since i didnt find it after a small research i decided to build it by my self.
HOW TO USE
It is very easy. First include the jQuery library then include the s3Slider javascript in the head of the page(s) where you want to use s3Slider.
jQuery can be download from jQuery`s homepage.
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/s3Slider.js" type="text/javascript"></script>
Important: For the script to work properly there is a set of rules that must be followed.
HTML
<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="#" />
<span>Your text comes here</span>
</li>
<li class="s3sliderImage">
<img src="#" />
<span>Your text comes here</span>
</li>
<div class="clear s3sliderImage"></div>
</ul>
</div>
Explanation
If you set that main div id is s3slider as we did here, that is the name that must be prefix for all other classes and id`s for that specific gallery (slide show). For example, if you set an id for main div as your_name, the inner id must be your_nameContent and the class .your_nameImage like in example above.
The second thing is that every .your_nameImage element in it self must have span. Also, the last div with class clear must also have an class of image holder in this case .your_nameImage. if you dont put that, the last image will NOT be shown in the slide show.
CSS
#s3slider {
width: 400px; /* important to be same as image width */
height: 300px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#s3sliderContent {
width: 400px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}
.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}
.s3sliderImage span {
position: absolute; /* important */
left: 0;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 374px;
background-color: #000;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
top: 0;
/*
if you put
top: 0; -> the box with text will be shown at the top of the image
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image
*/
}
.clear {
clear: both;
}
Then you need to initalize s3Slider and set the duration of how long will one picture be shown on the page (value is in miliseconds).
JS
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
Take a look at the live example.
COPYRIGHT
This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones.
BROWSER SUPPORT
This plugin has been tested and is known to work in the following browsers:
- Firefox 2.x (Win)
- Firefox 3.0.3 (Win/Linux/Mac)
- Opera 9.6 (Win/Linux)
- Safari 3.0.3 (Win/Mac)
- Internet Explorer 6 (Win)
- Internet Explorer 7 (Win)
- Google Chrome (Win)
DOWNLOAD
Full version (with examples) (size: 574kb)
Uncompressed version (size: 4.12kb)
Compressed version (size: 1.66kb)
Submit
SETUP
After the explanation of how to use and all these comments, you are still having troubles to set s3slider up, I will gladly do it for you for a small fee of $10 USD. You can contact me over the email or skype witch can me found on my website.
NOTE: Script setup fee does not include any kind of script modification.
Ads
Comments
Ivalex said
Ejjj, super je ovo,
Def ide u bookmarks. Uz malo customizacije moze da izgleda super ;)
Ivan Aleksic said
Brao macane :)
Boban Karišik said
Hvala, hvala... :)
Igor Milankovic said
Odlicno izgleda, svaka cast ;)
Marjanovic Boban said
Swaka ti dala ime :)
Vuk Nikolic said
Vrlo korisno. Hvala :)
Andrija Markovic said
Bas lepo i lako za primeniti, hvala! Stumbled.
kamal said
Wowwwwwwwwww, thanks for sharing.
Iva said
I meni se dopada, i drago mi je da postoji i kao WP plugin!
Tasarım said
Very nice thank you for this plugin
Sale said
Ma ludilo, bacam odma na svoj sajt :)
Hvala.
Marc-Andre Menard said
I REAALY like your slider, but i like to have/use a lighter version... same effect but get text (simgle line) from title tag... is it possible ?
Boban Karišik said
Yes it is.. You just remove the title text from html, so if you want only one line of text, wrote just one line, if you want more lines, wrote more lines..
touhami said
je veut juste vous dire que vous me sauver la vie merci beaucoup , respect.
Bandito (aka Dule) said
Hvala prikane, ovo vrijedi :)
Davi Ferreira said
Awesome plugin, thanks :)
Goran Jurić said
Odličan posao!
Faisal Basra said
Really awesome, great job.
Deny Sri Supriyono said
cooool!
one question, is there a way so we can have a loading animation for a big size image — so, the slideshow will wait until the image loaded before loading the next frame?
thanks for sharing, Boban!
Colin Scroggins said
Very nice plugin. I have noticed several anomalies in the downloadable examples that do not exist in your online demonstration page. 1) CSS image border need to be none. 2) There is overlap of the text in the right layer if viewed in Firefox.
Paulo Sacramento said
Thank you so much!
Great plugin! :D
oceangray said
good works..
rsturk said
Thanks for sharing. This looks like a great widget!
:)
Eric said
nice but what happens if I have 200 photos to show ??? it could be too long to load !
Evert said
Looking good!!
Soranna said
You are so kind to give an idea how to implement next, prev and play/pause button?
publicidad en internet said
nice plugin, thanks for your work.
Fernando said
Very, very nice. Congratulation!
sinan said
thank you.best sharing.
Vinnie said
is it too hard to make the script to scan a directory for images?
Stanley said
Good job! And once again thank! Keep it up.
Douglas Wilson said
Why would you offer your packages in rar format? Most projects go for a free format like tar.gz or in zip format.
jess said
great script, modularizing code is great for everyone, do you plan on adding to the plug in, say previous/next/pause functionality, or a thumbnail strip to navigate the gallery?
Matt Haworth said
Nice.
Some way of navigating the slides such as a thumbnail strip would be a great addition to this.
Nagaraj Hubli said
this is super! thx a lot
Matt said
You rock man!! have been waiting for something like this woopw woop woop
keith said
Colin Scroggins ..
Just set the border to ZERO on the href of any links and set the margin and padding to ZERO on the UL in the CSS.. that will fix any alignment issues... Very niceh plgin
miba said
Super
Lucian Lature said
Perfect for what I was looking for. Very good job!...
Mr.Proxy said
this is what I was looking for a long time. Great job! Thanks...
Queli Coto said
very nice!!!
Boban Karišik said
Hello all, and thanks for comments.
@Deny Sri Supriyono: at this point no, i didn`t make this plugin for something like that, i`ve build it for the specific use, for the website i`m developing at the moment.
@Colin Scroggins: thanks, i`ll look at it and fix it.
@Eric: this is a for a small slideshow use, not for web gallery, anyway, if you have 200 images on your web site it will load slow in any case. ;)
@Vinnie: no, but it would have to use some server side language..
@jess: never thought about it, maybe in version 2.
mehdi said
thank you
how put next and preview button
hcabbos said
Very sweet. Too bad it doesn't degrade with Javascript off. It should show the contents of the ul if JS is off.
冯熠熠 said
nice work,
like flash
tony said
very sweet.
tony said
can we put next and preview button.
thanks.
bilard said
Nicely done script. Keep up the good work! thanks
olcay bal said
veryy good
Boban Karišik said
@tony: current version does`nt support that, so it can not be done without any modification of script, but you can contact me over the email or skype (witch you can find on my web site) and i can do that for you...
Angelo said
excelente!
Nathan said
Awesome script mate.
For Firefox, you need to set the UL padding to 0 to fix the CSS position.
#slider1Content { padding: 0px; }
rahul said
nice work
erwan said
nice !! what about next and prev buttons ?
İzak Hason said
Good job! And once again thank! Keep it up. thanks thanks..
Maicon - Brazil said
Fantastic work.
Zoonex said
Very very nice. Just too bad it doesn't validate :(
Simon said
Excellent effect.
I really think thats very professional.
but it is flickering on my website. It loads the tag, dissapers and then it moves in place normally.
Any ideas ?
Boban Karišik said
@Zoonex : Can you explain that?
@Simon : Please send me you link, and i will take a look. Thanks.
Tarih Online said
Nice work.Thank you...
Mirko said
Jako dobro, svakacast.
Eduardo Romero said
Impresionante! MUY BUEN TRABAJO!
benp said
*very* nice! Just wondering: is there a way to have the <span> text always visible? Like, it would fade in and fade out with the picture?
Keep up the good work! :-)
Frank said
There is a problem. The picture has diferente size in Explorer and Firefox. When you show two pictures together, Explorer good but Firefox is smaller.
Gabriel Rodriguez said
Boban, I gotta say this is one of the best scripts I've ever seen. I was looking for something like this and you nailed it very nicely.
Congratulations, really excellent work. I hope to see more versions with even more features. Thanks for a great script you share with us.
policr0matico said
very very nice, thanks!
Mike Meisner said
Dude, sick plugin. Nice work; thanks for bringing this to jQuery.
Kim Steinhaug said
Great work, production look without a doubt! However, thumbnails and previous next buttons and you will be hailed as a king! I do understand you buildt this for your own project, and that it works perfect for this... However, we all want it... We all want it to fit our personal greedy purposes, :D
Hassan Ali said
very nice work. i agree wit Kim Steinhaug on having the thumbnails withe previous next, something like http://www.frontpageslideshow.net
looking forward for this to become a plugin everyone craves for, of course with thumbnails and prev next features. good luck!
ben0x said
Very nice, thanks :D.
Jim said
Hi there. Excellent script.
We've deployed the script using Includes and iFrames, instead of inserting the content directly in the page.
The slider looks fine in Firefox, but in IE (6), the images don't transition smoothly.
.
Please see growth trac dot com
Any ideas? Thanks.
Boban Karišik said
Yes, try to declare the doc type to xhtml transitional...
Jim said
Boban, thank you.
Something like this?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Jim said
Okay, that did it. Thank you.
Is it good practice to include that statement throughout our site (on all pages)?
Jim
Ricardo Zea said
Very, very nice script... but a fatal flaw is the invalid CSS:
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
Rubén Casalta said
wow
very nice and useful!!
barren said
nice effect, I'll use it for sure :)
Hassan Ali said
excellent one. i've already used it. i did some basic js tweak to make it look like frontpageslideshow.net but now i'm stuck with something and would need help. on the right side i want the thumbnails to be clickable (simple thing) but after click i want to know how do i adjust the slide sequence so that the slide sequence continues from the click. please see this http://220.227.247.121/qats-new/index.aspx
pleeeeeeeeeeease gimme some inputs.
hcabbos said
Hassan, that looks sweet! Great job.
Boban Karišik said
@Hassan Ali: you have an email ;)
MotoChristo said
absolutely amazing! Cooler than the mooltools one even IMHO
DeAndre Johnson said
Nice script!!!! Is there a way to add pager(thumbnails for each slide)?
Philip Truax said
Boban,
Thank you very much for your time and patience in putting together this incredibly valuable plugin. It was exactly what I was looking for an shows so much class with a variety of applications. I hope you continue to maske great plugins and wish you great success thoughout your career and the best in all things to come. ps. I don't want any crazy navigation buttons, that's why I liek this so much :)
jQuery Lover said
Great script, great jquery plugin.
Amazingly simple and elegant.
Thanks for this.
inclitus said
don´t go in ie6 and ie7 but, it´s ok in Firefox, why???
Anthony Meluso said
Couldn't you just clear with another li instead of a div? Something like this <li class="clear s3sliderImage"></li>. That worked for me in every browser including IE 6 and its valid CSS.
Anthony Meluso said
Ok so I forgot my code will render here. What I was trying to say is < li class="clear s3sliderImage ></li>
Barock said
i had search for it for a long time ago, Thanks
Mario said
great script -- thanks for sharing this with all of us.
Rijalul Fikri said
Wow, great script. Thx's for sharing this. I could use this to develop a wordpress theme easier.
Chris said
Great script. I think the premise is excellent, it just needs a bit more tweaking to get it to validate and display the same on all browsers. Also, it needs to degrade if the end user has JS off. V2 (if you release it) can easily fix all these minor issues.
Erika said
Now, I think this script is really on it's way to being something awesome, but in this era I think it is a basic fundamental that your product should validate. The clearing div within the UL tags yet outside of the LI tags causes the XHTML to invalidate. Not only that, but using the "span" tags for the text within the li tags limits the choices of some of what tags can be used within it. I like the script and although I know how to change some of these things on my own, I thought I'd offer a little but of constructive criticism to help you make your product more popular. Best of luck. :)
Chumbi said
All is right, smooth, almost perfect, but the sizes when it's viewed on internet explorer 7 and firefox 3 change... almost 20 px of diference, you can check it on your own examples.
Amazing script, but still not perfect ;-)
Amazing
fernando R. said
Thanks !
valeu cara! Muito bacana
mg-brasil
Ben said
Thanks a lot for this awesome plugin! This was so easy to implement and customize... Great great work Boban.
roxx said
Excellent plugin but the slider didnt came up in my site. IE7 sometimes shows the slider, FF 3.0.5 shows the slider never.
please help.
roxx said
wow, thats because of my javascript to making rounded corners breaking the slider.
currently fixed..
Scott said
Is there a way to have a smoother fade transition - so the image fading out doesn't completely fade out before the next image fades in?
Dexter said
Looking for something like what you have developed but with a sequence of frame points to go directly to a certain frame and a pause button would be nice.
An example of what I am talking about can be seen on http://www.lonelyplanet.com/
I also like the version on http://www.trekbikes.com/us/en/ that uses a rollover effect to engage the text layer.
Not sure you are working on any version that has any of these features.
Randy said
How can you pause the script? Nice job, btw!
Normalfx said
Good job. Very impressive.
wong jowo said
matur suwun nggih, kulo sampun ngertos...
triplefour said
I have used this script for one of my clients. It is a great script. I have amended the original to validate my xhtml. The clearing div at the end gave me errors. feel free to view the usage of the script http://www.memoriesinc.com.au/Weddding-DVD-Slideshows/Music.html
jarkkoj said
Very, very useful. Thank you!
Unreal Media said
Very nice. Looks great. Thanks :)
twix said
nice.
thanx a lot.
mike said
Wow. Looks great. But: Can I put a html Link on my pictures? I want my pictures to get bigger on click.
Thank u.
Tinny said
maybe you can do two little edits to the css:
#slider img
{
border:none}
#sliderContent ul { list-style-type: none;}
obisis said
Wow thanks
Mark said
Excellent plugin - perfect for what I was looking for and it looks great. It does lack a no JS fallback, but this is very easy to add yourself.
Is it possible to randomise the starting image?
Daniel said
I haven't tried the plug yet but it looks very nice!
one thing : On Opacity, does the text remain at 100% opacity?
Thanks!
mike said
An oportunity to select the pictures on click would be really helpfull - which makes it possible to select
pic 1 2 3 4 5... for example on click.
p.s.: I easily found out how to use html links. Sorry for that question. *g*
dynamic said
Thankyou
Kasper said
Heya,
I am having some troubles with it, but I think it is css related but I have no idea what is causing the trouble :(
marc said
merci mec c cool !
Jeff said
Is there anyway to not have text show? I just would like images to be shown.
Thanks!
Jeff said
Nevermind I figured out how to not have text.
Jason said
any way to make this work in safari 3.1 and up?
XtiaN said
nice one! btw is it possible to add some button for the play/stop button, thumbnail navigation?
Erick said
Can we make these pics appear in the whole page?
Mic3000 said
I have timeout problem with Opera 9.63.
Any ideas?
Thanks!
Donovan Roddy said
@Douglas Wilson Are you seriously complaining that it's compressed in rar... it's open source you dummy, you should be thanking him.
Kevin said
The Script ist very nice and looks professionell! To get it W3C valide in XHTML Strict, I used the following code: <li class="clear sliderImage">1</li>
Thanks!
H.P. said
Great script, we will try to take it for a special e-commerce presentation.
Web Design Manchester said
This is fantastic, thanks. I can think of a few sites I can use something like this on.
rubiz said
GREAT! That's what I've been looking for! Thanks! :D
MR Smoothies said
Very nice ! Smoothies belnder & fruits love that jquery ! Thanks
Survivor Srbija said
izgleda extra :)hvala
Vencanje said
Svaka cast!
AdamJTP said
We set it up on the homepage of our web testing tool's site in about 10 min (on the home page of http://www.gremCheck.com if you want to take a look).
I must have seen a dozen different jQuery galleries but I liked the look of yours the best.
Thanks!
12Bo said
For some reason every time the page loads the the last picture is always displayed and stays showing until the entire slide show cycles through to first slide. Any thoughts.
Davor said
Fenomenalno, bas to sam trazio! Svaka cast, majstore!
honda scooter said
Thank you very much for that :)
insic said
this is awesome. thanks
decimus said
Very nice tool. I used it many times and it works fine.
jonkopinx said
great script,thanks
federica said
hy boban, really nice work!
i wonder if it's possible to obtain a simple crossfade transition between two images, without the "white step"...
thanks in advance
Antun said
Hey! Thanks for the effort, that's the script I've been looking for.. BUT
In FF 3 slider is smaller than I define in CSS. For example, I set width to 580px but it's always around 450px. Also, it's not positioning well. Strange, really strange thing is that it's working in IE 6.
The
A
Richard Lomas said
I would also request the addition of a simple crossfade without the "white step" between images.
Thank you!
Boban Karišik said
Once more, thank you all for your comments, they are very helpfull.
@Richard and all others: The crossfade(and meny other functions) is present in version 1.2 who will be released in few days (as soon as i write the documentation and make few more examples).
Cheers!
Jeremy Boddy said
Simon said
Excellent effect.
I really think thats very professional.
but it is flickering on my website. It loads the tag, dissapers and then it moves in place normally.
Any ideas ?
I have the same problem, visit http://drifttuners.com
Kevin Geary said
It's not working on my site. When the page loads, the space where the slideshow is supposed to be is just blank????????????????
WTF!
If anyone can help please contact me at kgeary83@gmail.com
Mike said
(Ricardo Zea said
Very, very nice script... but a fatal flaw is the invalid CSS:
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;)
Any way to fix this?
opacity: 0.7;
pepe johanseen said
i also have the flickering issue on this page http://weareluminopolis.com/hosted/inkkc/2/billboard.htm
was anyone able to solve this??
also you should throw together a script for thumbs w/ carousel and sell it. you'd make a small fortune.
pepe johanseen said
Solved the flickering issue. if you look the one of the list items has a <code>style="list-item"</code> i took that out and whammy
I see one reader was able to advance the slideshow via html links... anyone had any luck w/ this???
finid said
Great plugin. Think you could find the time to add more features to it. For example:
1. carousel version or option
2. control buttons - play, pause, previous, next, etc
Great job
prazetyo said
very cool script. ckckckc :)
العاب said
thank you nice plugin i will use it for gamiing web site
http://gamezat.net
العاب said
it's not working with a bug
when you
use a small image and long text will shown a bad
can we cut text ?
thank you
العاب said
thank you i fix it and work good thank you so much :)
Vern Baker said
Very nice. could you post dates on your web and in the code so we can watch progress? I also would love to use this use once the white space is gone.
I havent figured out how to do this with in DIVs using jQuery...
grosser said
Great idea and really elegant. But the code was too spaghettiish for my taste, so i rewrote it to make it simple / small / clear, now ~1kb please have a look at http://github.com/grosser/s3_slider and comment if you like or hate it ;)
lorie said
i noticed that if the mouse is hovering over the image the slideshow pauses. is there a way to change the code so it will continue to play? GREAT SLIDESHOW!!!
العاب بنات said
thank you it's great slideshow and work fine for me
thank you sir
Faisal Khan said
There is one problem. When I increase the timeOut from 4000 to say 10,000, whole slideshow, including the Black Bar of Text also slows down.
I just hoped that only picture changed after say (10 seconds) but since the bar loading also slows down, the whole slideshow seems drunk :-)
Any Suggestion.
grosser said
@lorie have a look at the code here http://github.com/grosser/s3_slider it is fairly simple to change
@Faisal just change the fadeTime to something you like (github version only...)
Web Tasarım said
a great example
bonsai said
Great ! It just doesn't validate :(
Anyway, thanks for sharing this !
alpha said
Has anyone used the compressed version successfully? It does not seem to work. The uncompressed works though. Even the demonstration only uses the uncompressed one.
zarathustra said
Can anything be done about the non-validation issue with the div in the list please?
shalan said
hi there! excellent plugin! if the slideshow contains about 5 items, does it support having a navigation list that users can click on or hover over to switch to that item?
matt said
awesome script. As others have said - would be great to have some navigation buttons. Just a simple prev - next would be fab! Can't wait for the next version!
Andy said
Excellent plug-in. I'm using a CSS hover menu (suckerfish) which appears behind the slider images? Is there a way to make the slider appear behind the menu?
Example at: new.acmultimedia.co.uk
Andy said
Actually, found a solution. You need to set the menu list items to position:relative which enables the z-index feature. Then set the z-index to a higher number than the s3slider (I just set mine to 500).
This works perfectly!
wordpress said
And once again thank! Keep it up. thanks thanks..
Test said
Bug in compressed version!
; (semi-colon) missing
Marocplus.net said
Thanks
Ben said
Great plugin! Really easy to implement. Many thanks :)
Max said
What shall I do not to have a white field on the screen changing the pictures.
I want to get one picture right after another?
CeRBeR said
Great work but I need browse button like
http://www.hasanyalcin.com/wp-content/uploads/2007/07/fanat3.jpg
this style if u make this please post back
dani2701 said
Great plugin! =)
congratulations!!!
artiajans said
Thanks you this is wonderful and usefully.
Max said
What shall I do not to have a white field on the screen changing the pictures.
I want to get one picture right after another?
Nishant Ranjan said
Thanks a lots. It's really give me in relax.
Mr Papa said
Now we just need to get crossfade added in
Florida Internet Marketing said
Great Plugin!!!!!!!!!!!
-Rick
Oliver said
You need to make sure you update this post and alert people to the fact that if you go changing the name of the s3Slider id's and classes, then you also need to modify the s3Slider.js file too.
This is why I had problems with it but now that I've fixed this issue I am very pleased. This plugin is much appreciated!
Tvorba www stránek said
Thanks for this great a useful plugin.
I've discussed with Michael possibility of starting fade-out meanwhile next image start to fade-in. So transition would be much smoother. If anyone know how to do it, tell us please ;)
GreyK50 said
thats really something!! Thanks for sharing this. /salute
Burhan Selmani said
To je to sta sam trazio. Hvala
Houston SEO said
Great plugin! We have several clients that would benefit from this on their website. It was exactly what I was looking for and easy to add and configure. Good job.
Rahul said
Very very cool slider effect.
Clint said
Any idea why this usage of it would be so choppy in Internet Explorer? It's great in Firefox.
http://agrecycle.400lb.com/
Sam said
Thanks for sharing this great plugin with us :)
Alessi said
@clint because internet explorer is awful?
nazz said
Thank you, this is really useful..
majorca said
as smooth as silk in my ie7 - looking good!
Tvorba www said
Cute! Great work!
fsdf said
fsdfdsfds fsd f sfsd f dfsd
Jens said
it's not working in ff 3.0.10 anymore (checked from a mac). Any ideas?
Jcity said
Why my message does not appear?
Jcity said
Lets see again if this post goes thru. Well to AVOID the images from popping out of place on firefox TOP AND LEFT WHITE SPACE just add some properties to [#sliter1content] to let firefox know that if you do not want a TOP AND LEFT MARGINS so it understands so. (that's stupid of firefox cause adding more obvious properties just oversizes your css file.) Well this is what I did:
#slider1Content {
width: 474px; /* don't mind this size*/
position: absolute;
top: 0px;
margin-left: 0px;
left: 0px;
border: 0px;
float: left;
margin: 0px;
margin-right: 0px;
padding: 0px;
right: 0px;
}
I HOPE THIS HELPS!!!!
Cottage Style Homes said
We are rebuilding our website and excited to make use of this plugin to showcase different areas. Looking forward to seeing how it turns out. Thanks sharing for your work.
gdtggg said
ghfghfghfghf
hfgh said
gfh
Seo Igi said
Great plugin. I thought something like this can be done only in flash. But if I am not wrong, using javascript is much SEO friendlier.
Web dizajn said
Igi, you are partly right, but doing seo for images is not of big use (only maybe in JS you have possibility to write ALT text which will be readen by roboots, in flash - no)
Jcity said
Well this can surely be done in flash. The only difference is that in order for a search engine to track all the inside information the flash must be created as .XML, meaning that the root of the file is not stored inside the .swf file but as an URL, outside the .swf file allowing the search engines to track the files and that also makes the .swf file really light so it loads faster. ;)
test said
test
Kennedy said
Thumbnail strip would be great in the next version.
Jones Act Attorney said
Thanks for the code. Check out a modified version of this plugin on my home page.
Petrovac said
Jcity, you are right, but I think if you use flash, you don't have that advantage to have formated text to have it more SEO friendly.. You can just be happy to have readed text in flash by roboots.
graficki dizajn said
Jones, and where is your home page? (on this link on your name, is no site).
Khuram Javaid said
Its showing good in IE but not in FF. Can you please tell me whats wrong. Its visible on the home page.
a said
a
Tin tuc games, game onlines (GAME4V) said
It would be loved to have it on our homepage too.
THANK YOU VERY MUCH, GUY.
WotLK Power Leveling said
Me too, I would be fit our WotLK Power Leveling website :D
Thank a million
eric cartmen said
hi everyone..i m hvin troble viewing the slideshow in any browser ..whn i load the page, the place where slideshow is jst blank..i v tried different ways bt cdnt solve it..cn anyone pls help me =) thnx
Stef said
Hi,
Would it be possible to make this degrade so that every picture is shown if JavaScript is turned off? If so this would then be a perfect plugin.
dis cephe said
Thanks for the code....
V.C said
I use it to create a featured conten slider
Papilouve said
C'est sympa ce slider, merci pour les explications :)
Ulrik said
Great plugin! Keep up the good work :)
sove said
Thanks a lot.
Chaz said
Soooo... Wheres that cross-fade?
tg said
is there a way to make it slide horizontal, instead of fade in and out?
Scott said
the widget appears to be offset to the right by about 1cm. How can I correct this?
mhctoledo said
Does anyone know how to make the slide appears only when the mouse is over? Thanks a lot.
greg said
mhctoledo check this http://www.sohtanaka.com/web-design/css-on-hover-image-captions/
Eva said
Hello,
nice plugin ! How to stop the slide after the last picture ?
Thanks !
Ryan Kirk said
Thanks for the beautiful script, I included the link, I thought you might like to see how it is used. One catch I noticed is that it's not valid XHTML - the clear DIV is inside a UL. I didn't mess around with it but could the div be made into another element such as h6 or address that would validate?
asdf said
asdfasdf
Niels Kristiansen said
I use the script on the front of the page, but I have a problem. I works fine in Firefox and Safari, but when some of the visitors use IE, it doesnt change between the pictures. Is their an update on the script or am I doing something wrong.
/Niels
jehzeel laurente said
this is a really useful script for all websites. I will really bookmark this one. Thanks for sharing this awesome stuff! :)
Gizmosync said
this is wow! it's exactly what I'm looking for. I hope you'll also create a wordpress plugin version of this jQuery plugin of yours
Free PSP Games said
Awesome! thanks for sharing this awesome invention. This is just perfect for my upcoming projects that requires image sliders.
Patricia Evangelista said
Thank you so much for sharing this awesome piece of work. I will realyl share this with my friends who are looking for the same script.
Once again. Thank you soooooooooo much!
Ratimarks said
Amazing jQuery stuff. I just bookmarked this one at Ratimarks.org so that if I need this awesome jQuery project, I can get back here easily.