Малое, да удалое слайдшоу
Привет, читатель! Давненько я не писал — банально не о чем.
Сегодня я заприметил, мой любимый javascript виртуоз Михаэль, шеф-повар кухни минималистских скриптов, опубликовал свое новое творение.
Я думаю вы уже знаете кто это такой хотя бы по этой маленькой заметке.
Так вот, на этот раз объектом для его работы был скрипт полноценного слайд-шоу. Его слайд-шоу отличается от многих других тем, что оно занимает 5 килобайт без использования сторонних библиотек, при отличной опциональности и функционале.
Отличное решение для тех кто в своих проектах не использует javascript библиотеки.
Начнем. Для начала создадим на html список из нужных нам изображений и описаний.
<ul id="slideshow">
<li>
<h3>Image One</h3>
<span>photos/image-one.jpg
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/image-one.jpg" alt="Image One" /></a>
</li>
<li>
<h3>Image Two</h3>
<span>photos/image-two.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<img src="thumbnails/image-two.jpg" alt="Image Two" />
</li>
</ul>
Теперь применим javascript.
<script type="text/javascript" src="compressed.js"></script>
<script type="text/javascript">
$('slideshow').style.display='none';
$('wrapper').style.display='block';
var slideshow=new TINY.slideshow("slideshow");
window.onload=function(){
slideshow.auto=true;
slideshow.speed=5;
slideshow.link="linkhover";
slideshow.info="information";
slideshow.thumbs="slider";
slideshow.left="slideleft";
slideshow.right="slideright";
slideshow.scrollSpeed=4;
slideshow.spacing=5;
slideshow.active="#fff";
slideshow.init("slideshow","image","imgprev","imgnext","imglink");
}
</script>
Как Вам количество настроек? По-моему совсем неплохо.
То что из этого получилось, мы можем посмотреть, скачать и применить воспользовавшись ссылками указанными ниже ;-)
До новых встреч!
Today, I went to the beach front with my kids. I found a sea shell and gave it to my 4 year old daughter and said «You can hear the ocean if you put this to your ear.» She put the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear. She never wants to go back! LoL I know this is totally off topic but I had to tell someone!
I like this web site its a master peace ! Glad I observed this on google .
I real delighted to find this site on bing, just what I was looking for : D likewise saved to my bookmarks .
Thanks for every other informative site. Where else could I get that kind of info written in such an ideal manner? I have a mission that I’m simply now operating on, and I’ve been on the look out for such info.
I’d forever want to be update on new posts on this site, saved to favorites ! .
You have brought up a very good details , thankyou for the post.
I your writing style genuinely loving this site.
I think you have remarked some very interesting points , regards for the post.
Deference to post author, some wonderful information .
As I website possessor I believe the content here is real wonderful, thanks for your efforts.
If sellers with profits homes enhance the internet earnings through honest usually means, the house must promote for additional.Nonetheless, there are various false ways, each legal as well as deceitful, which might be sometimes made use of.Dealers regarding houses may cover groundwork breaks having plaster, nevertheless the tricks used by sellers associated with cash flow properties may not be regarding look and feel.
I like this post, enjoyed this one regards for posting .
I have been surfing online greater than three hours these days, but I never found any fascinating article like yours. It’s lovely value enough for me. In my opinion, if all web owners and bloggers made good content material as you did, the net shall be much more helpful than ever before.
hey there and thank you in your info – I’ve definitely picked up anything new from proper here. I did alternatively experience several technical points the use of this site, since I experienced to reload the website lots of occasions prior to I may get it to load correctly. I were pondering if your web host is OK? No longer that I am complaining, however sluggish loading cases times will sometimes have an effect on your placement in google and could harm your high quality rating if ads and ***********|advertising|advertising|advertising and *********** with Adwords. Anyway I’m including this RSS to my e-mail and can glance out for a lot extra of your respective exciting content. Make sure you replace this once more soon..
Real good visual appeal on this site, I’d rate it 10 10.
Its excellent as your other blog posts : D, thankyou for posting .
I am glad to be a visitant of this arrant web blog ! , appreciate it for this rare information! .
Merely wanna comment on few general things, The website layout is perfect, the articles is rattling good : D.
I am not rattling fantastic with English but I line up this really easy to translate.
Some genuinely choice content on this internet site , saved to fav.
I really like your writing style, great info, appreciate it for putting up :D. «I hate mankind, for I think myself one of the best of them, and I know how bad I am.» by Joseph Baretti.
Precisely what I was searching for, thanks for posting .
I precisely desired to thank you very much once again. I am not sure what I would’ve achieved in the absence of the solutions shown by you concerning my area of interest. It truly was a very alarming condition for me personally, however , observing a new specialized technique you handled the issue made me to weep for delight. Extremely thankful for your work and have high hopes you comprehend what a powerful job you’re undertaking training many people with the aid of your blog post. I know that you have never come across all of us.
Its like you read my mind! You appear to know so much about this, such as you wrote the book in it or something. I feel that you just can do with some percent to pressure the message home a little bit, however other than that, this is fantastic blog. A great read. I’ll certainly be back.
I like this website because so much utile stuff on here : D.
Hey there, I think your website might be having browser compatibility issues. When I look at your blog in Opera, it looks fine but when opening in Internet Explorer, it has some overlapping. I just wanted to give you a quick heads up! Other then that, superb blog!
Its like you read my mind! You appear to know so much about this, like you wrote the book in it or something. I think that you can do with some pics to drive the message home a little bit, but other than that, this is great blog. A great read. I’ll certainly be back.
Very interesting points you have remarked, appreciate it for posting .
Hey! I know this is kinda off topic nevertheless I’d figured I’d ask. Would you be interested in trading links or maybe guest writing a blog post or vice-versa? My site goes over a lot of the same subjects as yours and I feel we could greatly benefit from each other. If you are interested feel free to send me an email. I look forward to hearing from you! Terrific blog by the way!
I was looking at some of your posts on this site and I conceive this web site is rattling instructive! Keep on putting up.
Hello presently there, I found your site by means of Google whilst looking for a similar topic, your internet site came upwards, it looks great. I’ve saved it in my google social bookmarks.
izmir bayan escortlar kulubü.
Woh I like your posts , bookmarked ! .
I am not really wonderful with English but I line up this really easygoing to translate.
We are a group of volunteers and starting a brand new scheme in our community. Your web site provided us with helpful info to work on. You’ve done a formidable task and our whole neighborhood shall be grateful to you.
hey there and thank you for your info ¡V I have certainly picked up something new from right here. I did however expertise several technical points using this website, as I experienced to reload the web site many times previous to I could get it to load properly. I had been wondering if your web hosting is OK? Not that I am complaining, but sluggish loading instances times will very frequently affect your placement in google and can damage your high quality score if ads and marketing with Adwords. Anyway I am adding this RSS to my email and could look out for a lot more of your respective exciting content. Make sure you update this again very soon..
Audio started playing anytime I opened up this web site, so annoying!
Do you mind if I quote a couple of your posts as long as I provide credit and sources back to your website? My website is in the exact same niche as yours and my users would definitely benefit from some of the information you present here. Please let me know if this ok with you. Thanks!
Undeniably believe that which you stated. Your favorite justification appeared to be on the net the easiest thing to be aware of. I say to you, I certainly get annoyed while people think about worries that they just do not know about. You managed to hit the nail upon the top and defined out the whole thing without having side-effects , people can take a signal. Will probably be back to get more. Thanks
Малое, да удалое Ñлайдшоу | Чернев.ру Very nice post. I just stumbled upon your weblog and wished to say that I have truly enjoyed browsing your blog posts. After all I will be subscribing to your feed and I hope you write again very soon!
You actually make it seem so easy together with your presentation but I in finding this matter to be actually one thing which I think I might by no means understand. It kind of feels too complicated and very vast for me. I’m having a look ahead to your subsequent publish, I¡¦ll try to get the grasp of it!
An interesting discussion is worth comment. I think that you should write more on this topic, it might not be a taboo subject but generally people are not enough to speak on such topics. To the next. Cheers
Only wanna comment that you have a very decent web site , I like the layout it actually stands out.
I went over this web site and I think you have a lot of good info , saved to favorites (:.