Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » jQuery галерея
Сейчас что-то не так?
Неее, всё так! Спасибо! В своём предыдущем посте я имела в виду какую-то другую галерею - более "спокойную"! ...)))
Вот, как здесь, например:
http://rangemotions.net/projects/83/
Или здесь:
http://www.zvezdi.ru/
Если Вы знаете, как такую сделать, было бы супер! 
Вот, как здесь, например:http://rangemotions.net/projects/83/Или здесь:http://www.zvezdi.ru/
Я попробую со "Звёзды.ру" утащить...
Я попробую со "Звёзды.ру" утащить...
Возможно, есть скрипт какой-то другой галереи, где скорость не такая быстрая
гляньте вот эту, может подойдёт
http://tympanus.net/codrops/2009/12/16/ … y-and-css/
гляньте вот эту, может подойдёт
FinkaСпасибо! Скорость этой галереи меня устраивает! Но она так и задумана с таким оформлением?
Биллбоард ещё более-менее, но на фоне электрических столбов и проводов...))) - это совсем не вяжется с тематикой форума!
Спасибо Вам!
P.S.Мне больше вот эта подходит:
http://tympanus.net/Tutorials/RotatingImageSlider/
Очень оригинально выглядит! 
Отредактировано Elka (Пн, 30 Май 2011 00:13:24)
Но она так и задумана с таким оформлением?
Биллбоард ещё более-менее, но на фоне электрических столбов и проводов...
Столбы - это бэкграунд, сам слайдер тоже помещён в картинку, которую можно выкинуть.
гляньте вот эту, может подойдётhttp://tympanus.net/codrops/2009/12/16/ … y-and-css/
Там простенько - Но - эффект за счёт нарезания картинок на полоски - для многофот - неудобно
Сейчас посмотрела - каждую картинку придется резать как минимум на 25 частей да еще исхитриться чтоб они были одинаковые... да потом загружать куда то все эти части... тот еще кусок работы
Отредактировано Mistery Woman (Пн, 30 Май 2011 11:51:27)
Elka
Короче говоря, я всё решил переписать на свой лад: http://tps.0pk.ru.
rps 
Видел простенький код подобного на marquee - доходит до конца - "left" сменяецо на "right"
Отредактировано Deff (Пн, 30 Май 2011 17:57:15)
Deff
Можно и так. Тут тоже не очень трудно делать.
Короче говоря, я всё решил переписать на свой лад:
Паш, посмотрела - мне очень понравилось! Это именно то, что я и хотела, т.е. плавное перемещение фото! Теперь нормально можно рассмотреть каждое фото и перед глазами не мигает)))
Павел, дайте код, пожалуйста! Спасибо Вам! Огромное-преогромное! 
Elka
Вот это всё в ХТМЛ-верх:
<link href="http://j-14kcob.narod.ru/smoothDivScroll.css" rel="Stylesheet" type="text/css" />
<script src="http://j-14kcob.narod.ru/jquery.ui.widget.js" type="text/javascript"></script>
<script src="http://j-14kcob.narod.ru/jquery.smoothDivScroll-1.1-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$("div#makeMeScrollable").smoothDivScroll({
autoScroll: "always" ,
autoScrollDirection: "backandforth",
autoScrollStep: 1,
autoScrollInterval: 15,
startAtElementId: "startAtMe",
visibleHotSpots: "always"
});
});
</script>
<style type="text/css">
#makeMeScrollable {
width: 100%;
height: 450px;
position: relative;
margin: 0 auto -450px auto;
}
#makeMeScrollable div.scrollableArea img {
position: relative;
float: left;
margin: 0;
padding: 0;
}
.mybb_bs {
position: absolute;
z-index: 100000 !important;
top: -63px !important;
left: 30%;
}
#pun {
position: relative;
top: 35px;
}
#pun-title table {
height: 450px;
}
</style>
<div id="makeMeScrollable">
<div class="scrollingHotSpotLeft"></div>
<div class="scrollingHotSpotRight"></div>
<div class="scrollWrapper">
<div class="scrollableArea">
<img src="http://savepic.net/1241309.jpg" alt="header" />
<img src="http://savepic.net/1204236.jpg" alt="header" />
<img src="http://savepic.net/1195020.jpg" alt="header" />
<img src="http://savepic.net/1239055.jpg" alt="header" />
<img src="http://savepic.net/1182765.jpg" alt="header" />
<img src="http://savepic.net/1215503.jpg" alt="header" />
<img src="http://savepic.net/1209359.jpg" alt="header" />
<img src="http://savepic.net/1193999.jpg" alt="header" />
<img src="http://savepic.net/1237006.jpg" alt="header" />
<img src="http://savepic.net/1218561.jpg" alt="header" />
<img src="http://savepic.net/1205249.jpg" alt="header" />
<img src="http://savepic.net/1196033.jpg" alt="header" />
<img src="http://savepic.net/1191937.jpg" alt="header" />
<img src="http://savepic.net/1220608.jpg" alt="header" />
<img src="http://savepic.net/1206272.jpg" alt="header" />
<img src="http://savepic.net/1189888.jpg" alt="header" />
<img src="http://savepic.net/1179648.jpg" alt="header" />
<img src="http://savepic.net/1243139.jpg" alt="header" />
<img src="http://savepic.net/1234947.jpg" alt="header" id="startAtMe" />
<img src="http://savepic.net/1227779.jpg" alt="header" />
<img src="http://savepic.net/1217539.jpg" alt="header" />
<img src="http://savepic.net/1236994.jpg" alt="header" />
<img src="http://savepic.net/1208322.jpg" alt="header" />
<img src="http://savepic.net/1226778.jpg" alt="header" />
<img src="http://savepic.net/1211418.jpg" alt="header" />
</div>
</div>
</div>А это в ХТМЛ-низ:
<script type="text/javascript">
document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>";
</script>Галерея так плавно и так красиво движется... 
Паш, Вы прелесть!!!
Отредактировано Elka (Вт, 31 Май 2011 18:40:39)
| Заказ новых скриптов | Корзина | Пт, 30 Сен 2011 |
| Каталог скриптов/CSS | Форум для новичков | Вт, 1 Окт 2013 |
| Буклет - имитация книги с перелистыванием страниц | Вопросы по оформлению форума | Вт, 3 Июл 2018 |
| Корректировка каталога скриптов: дополнение/устранение ошибок | Коллективная работа | Пн, 26 Сен 2022 |
| Lytebox на форуме (слайдшоу и фотогалерея) | Корзина | Пт, 24 Фев 2012 |
Вы здесь » Единый форум поддержки » Корзина » jQuery галерея