Просмотр полной версии : смена фоток в галерее, как сделать эффект.
Ребят, подскажите, пожалуйста... Есть у меня 10 фотографий, к примеру, они хранятся в БД. Есть div для отображения фото, а внизу 2 стрелки - влево и вправо. Хотелось бы прикрепить эффект выезда фотки. т.е, например, при нажатии на стрелку вправо - текущая фотка начинает уезжать вправо, а слева выезжает новая. Как такое сделать?
Можно просто идею, без реализации. Спасибо!
Главное получить ссылки на фотки. Например, AJAX'ом.
Поскольку фоток всего 10, можно сразу поставить в линию 10 тэгов img(div'у ставим overflow: hidden). Затем нужно решить все ли сразу они будут загружаться, или по мере необходимости. Первый вариант, естественно, гораздо проще: просто указываем при создании img свойства src, и картинки будут загружаться. Второй вариант тоже связан с src, только изменяем его при нажатии на стречки.
На картинки вешаем onload, чтобы новая картинка выезжала только когда загрузится. Ну и анимация (http://javascript.ru/blog/Andrej-Paranichev/Osnovy-programmnoj-animacii-JavaScript) тебе в помощь.
та проблема не в этом. со стороны js я вроде как догадываюсь как сделать. Как сверстать это? т.е. мне ж нужно чтоб эти картинки где-то хранились, чтоб не съезжали. или абсолютом?
Как сверстать это?
<style>
DIV {
overflow: hidden;
height: ...px;
width: ...px;
}
IMG {
border: none;
display: inline;
float: left;
}
</style>
<div>
<img />
<img />
...
<img />
</div>
Но делать все это лучше средствами javascript
vBulletin® v3.6.7, Copyright ©2000-2025, Jelsoft Enterprises Ltd. Перевод: zCarot