Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Лента с фотографиями

Автор: begin 19.11.2009, 14:10

Подскажите, как на JavaScript (возможно с использованием библиотек) сделать вот такую ленту с фото:
http://ipicture.ru/Gallery/Viewfull/27122318.html
Допустим есть 10 фотографий. На ленте отображаются только 5. При шелчке на левую или правую стрелку лента прокручивается, показывая новые фото. При наведении на фото, оно увеличивается до заданного размера. При щелчке на нем - открывается заданная в нем ссылка.
Подскажите, может быть вам попадались готовые решения, которые можно подстроить под свою задачу?

Автор: bars80080 19.11.2009, 14:21

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

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

Автор: begin 20.11.2009, 02:08

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

Код


<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

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