[JavaScript] эффект прокурутки каринок при наведении мышки

123 4
rtyug
На сайте с 13.05.2009
Offline
263
2550

сабж

как такое сделать, эффект прокурутки каринок при наведении мышки

т.е. есть картинка, например, кликабельная, наводим на ее мышкой и видем все остальные картинки, которые крутутся через 2 сек.... (например, это превиюшки видео клипа) как анимированный gif

никто не видел?

Спалил тему: Pokerstars вывод WMZ, etc на VISA 0% или SWIFT + Конверт USD/GBP,etc (net profit $0,5 млрд) (https://minfin.com.ua/blogs/94589307/115366/) Monobank - 50₴ на счет при рег. тут (https://clck.ru/DLX4r) | Номер SIP АТС Москва 7(495) - 0Ꝑ, 8(800) - 800Ꝑ/0Ꝑ (http://goo.gl/XOrCSn)
S
На сайте с 27.02.2007
Offline
60
#1

видел прокрутку текста. Вместо текста можно и картинки пхнуть. Погугли scroling. Или глянь это

Создание сайтов, документация... (http://site3k.net/), сайт нашей дизайн-студии (http://website-it.ru/)
Brand from Amber
На сайте с 18.08.2007
Offline
293
#2

rtyug, вот тут (сверху) оно?

Лучший способ понять что-то самому - объяснить это другому.
rtyug
На сайте с 13.05.2009
Offline
263
#3

я вот нашел http://js.youporn.com/r/20090813.4/script/thumbchange-r5.js

но просто у меня картинки id (и картинки превию видео) хранатся в базе, т.е. мну нужно вывести как-то id чтобы построить url путь к картинке ну и прокурчивать их...

а нету ли такого аналога на jquery? и этот скрипт требует еще и библиотеку YAHOO?

сейчас чувствую дофига времени займет делать эту проркутку...

rtyug добавил 28.12.2009 в 23:54

Brand from Amber:
rtyug, вот тут (сверху) оно?

точно оно сейчас тубу пробовать

          <td width="250" valign="top">

<div class="face"><img id="ban" alt="" src="/uploads/rotator/face_1.jpg" style="filter: blendTrans(duration=0.5);"></div>
<!--div class="o_face" id=DIV1">Мы</div-->
</td>
<script language="JavaScript" type="text/JavaScript">
<!--
function SetBan (id, gn, gi)
{
this.id=id;
this.gn=gn;
this.gi=gi;
}
var ban_x = 0;
function chBan ()
{
var ban = document.getElementById('ban');
ban.src="/uploads/rotator/" + eval("ban"+ban_x).gi;

if (ban_x<7)
{
ban_x = ban_x + 1;
}
else
{
ban_x=0;
}
}
ban0 = new SetBan ('', '', 'face_15.jpg');
ban1 = new SetBan ('', '', 'face_13.jpg');
ban2 = new SetBan ('', '', 'face_14.jpg');
ban3 = new SetBan ('', '', 'face_2.jpg');
ban4 = new SetBan ('', '', 'face_16.jpg');
ban5 = new SetBan ('', '', 'face_12.jpg');
ban6 = new SetBan ('', '', 'face_3.jpg');
ban7 = new SetBan ('', '', 'face_11.jpg');


function getSecs()
{
chBan ();
window.setTimeout('getSecs()',5000);
}
//-->
</script>
stifler_x
На сайте с 19.06.2008
Offline
193
#4

rtyug, вас еще не учили правильные ссылки ставить?

AllVip
На сайте с 28.12.2009
Offline
3
#5
rtyug:
а нету ли такого аналога на jquery? и этот скрипт требует еще и библиотеку YAHOO?
сейчас чувствую дофига времени займет делать эту проркутку...

Помоему то что ты ищешь есть в стандартном варианте jquery, только версии все придётся поюзать, и по внимательнее. Там была таковая функция, я пару лет назад на юкозе ещё делал такую фичу, новичком ещё в сайтостроении был.

З.Ы.: Ты не думал, что этими самыми фичами ты нагрузку будешь создавать ? Некоторые хостеры при нагрузке на сервера более 75% от допустимого на твой акк, отрубают некоторый функционал для тебя... Так что думай об удобстве и об оптимизации.

Хочешь нарастить тИЦ и при этом заработать? Своих рефералов консультирую (http://www.sape.ru/r.rOZPveRXoA.php), ICQ 94-67-94
stifler_x
На сайте с 19.06.2008
Offline
193
#6

ОЙ СОРЬ... Беру свои слова обратно... ресурс не простой )))

На jquery есть готовые... если сейчас откопаю у себя на компе... дам линк

http://sorgalla.com/jcarousel/ посмотрите...

[Удален]
#7


<script>
window.addEvent('domready', function() {
var items = $$(".videothumbnailinlists",".videothumbss");
$each(items, function (item) {
var src = item.getProperty("src");
item.images = [];
for(var i=0;i<6;i++)
{
item.images.push(src.replace(/_\d\./,"_"+i+"."));
}
item.imgid = 0;

item.addEvent('mouseover', function () {
item.interval = setInterval(function () {
item.imgid++;
if(item.imgid >= 6)
{
item.imgid = 0;
}

item.setProperty("src",item.images[item.imgid]);
},500);
});

item.addEvent("mouseout",function () {
clearInterval(this.interval);
});
});
});

</script>

вот такое я делал на доисторическом говне мутулзах (mootools), переделать тоже самое на jQuery дело 5 минут, или 35 долларов :)

он прокручивает картинки с индексами [image]_(\d+)\.[.*]

можете использовать, делал для одного из серчан, надеюсь не обидется, хотя этот человек один из несокльких известных мне адекватных людей здесь :)

S
На сайте с 27.02.2007
Offline
60
#8

bearman, не в обиду, но при твоем опыте уже должно быть стыдно использовать jQuery. Пора делать на 100% собственном коде.

rtyug
На сайте с 13.05.2009
Offline
263
#9

Supervisork, и почему интересно? в jQuery есть множество готового, и такое как push server

Brand from Amber
На сайте с 18.08.2007
Offline
293
#10
rtyug:
и почему интересно? ...

...именно потому, что...

rtyug:
...в jQuery есть множество готового...

...и, по большому счёту, ненужного.

123 4

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий