| |
|
|
| | привет!
использую данный скрипт для показа slideshow
Проблема в том что slideshow сначала загружает изображения а потом начинает листать
и изображения выстраиваются вертикально в ряд, только потом под друг другом
можно ли как нибудь сделать скрытую загрузку изображений? при помощи CSS и типа float:left ? или другой способ?
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type="text/javascript" src="jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slide').cycle({
fx: 'fade',
timeout: 2000
});
});
</script>
<div class="slideshow">
<div id="slide">
<img src="images/01.jpg">
<img src="images/02.jpg">
<img src="images/03.jpg">
<img src="images/04.jpg">
<img src="images/05.jpg">
</div>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: tima2010
(15.09.2011 в 09:28)
| | |
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: false,
useReMooz: true,
embedLinks: true
});
sleep(1000);
}
window.addEvent('domready', function() {
setTimeout('startGallery();', 2000);
});
</script>
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(15.09.2011 в 09:58)
| | | Спасибо за ответ! а такой вариант не проканает?
.slideshow img{
float:left;
position:absolute;
}
|
| |
| |
|
|
| |
|
|
| |
для: tima2010
(15.09.2011 в 09:28)
| | | Если все изображения одного размера например 200х200 то можно сделать так
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type="text/javascript" src="jquery.cycle.all.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slide').cycle({
fx: 'fade',
timeout: 2000
});
});
</script>
<div class="slideshow">
<div id="slide">
<div style="overflow:hidden; height:200px; width:200px;">
<img src="images/01.jpg">
<img src="images/02.jpg">
<img src="images/03.jpg">
<img src="images/04.jpg">
<img src="images/05.jpg">
</div>
</div>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: skylink
(16.09.2011 в 04:42)
| | | спасибо | |
| |
|
|
| |
|
|
| |
для: skylink
(16.09.2011 в 04:42)
| | | Как-то мне понадобился самый обычный слайдер (slider show) - галерея картинок сменяющих друг друга. Многие украшают свои сайты меняющимися картинками. И все бы просто - лезь в интернет - там такого много. Все так, но то, что мне попадалсь - было реализовано с использованием jquery. А мне захотелось создать что-то подобное, но только с использованием javascript. Ничего похожего мне не попалось - пришлось сделать javascript слайдер шоу (javascript slider show) самому.
Увидеть пример и код можно тут:
http://www.tool-bar.ru/slidershow/
-слайдшоу изображений из заданой папки (изображения одного размера)
-контролирующие кнопки "вперед" "назад"
-эффект затухания
-картинки должны быть кликабельными (линк на любую указаную ссылку)
-работаспособность в браузерах (опера, мозила, IE, хром)
Постарался анимационным гифом изобразить результат
http://www.tool-bar.ru/slidershow/js_slider_show.gif | |
| |
|
|
