VPF::Лента с фотографиями - Форум программистов

begin

Дата 19.11.2009, 14:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 415
Регистрация: 16.5.2007

Репутация: нет
Всего: нет

Подскажите, как на JavaScript (возможно с использованием библиотек) сделать вот такую ленту с фото:

Допустим есть 10 фотографий. На ленте отображаются только 5. При шелчке на левую или правую стрелку лента прокручивается, показывая новые фото. При наведении на фото, оно увеличивается до заданного размера. При щелчке на нем - открывается заданная в нем ссылка.
Подскажите, может быть вам попадались готовые решения, которые можно подстроить под свою задачу?

bars80080

Дата 19.11.2009, 14:21 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

http://www.dynamicdrive.com/dynamicindex4/indexb.html

смотрим, выбираем

begin

Дата 20.11.2009, 02:08 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 415
Регистрация: 16.5.2007

Репутация: нет
Всего: нет

Спасибо, выбрал там себе скрипт. Правда он не увеличивает картинку, на которую навели мышку. Пробую его доработать:

Код


<script type="text/javascript">
function zoom(param1) { 
speed=100;
    img = param1; 
    rwidth = 94; 
    rheight = 67;
rpro=floor(rwidth/rheight);

function zooming() { 
var width = img.width; 
img.width = width+1;
img.height = floor(width+1*rpro);
}

intervalID = setInterval(zooming(), speed);

if (img.width > rwidth || img.height > rheight) { 
clearInterval(intervalID);
    } 
} 
</script>

Код


<img src="photo/thumb2-1.jpg" width="70" height="50" border="1" onMouseOver="zoom(this)">

Но при наведении картинка не увеличивается smile

Подскажите, где я ошибся в скрипте?

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »