прокруткa изображений
Для дизайна главной страницы нужен javascript, который бы делал прокрутку фотографий (тупо картинки).
я нашол но незнаю как поставить :cray: :cray:
:help:
$(function() { var rollingDiv = $("#rolling1"); rollingDiv.rolling("down", 140, 110, 2); rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/ayjjsallNwc/default.jpg' width='130' height='100' alt='first item' border='0'/>"); rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/pe-MIDDfckw/default.jpg' width='130' height='100' alt='second item' border='0'/>"); rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/AyRIvX25vRQ/default.jpg' width='130' height='100' alt='third item' border='0'/>"); rollingDiv.addRollingItem("<img src='http://i.ytimg.com/vi/GxplDa3M5Io/default.jpg' width='130' height='100' alt='fourth item' border='0'/>"); rollingDiv.bind("mouseover", function() { $("#rolling1").stopRolling(); }); rollingDiv.bind("mouseout", function() { $("#rolling1").resumeRolling(); }); var opacity = 0.6; $('img', rollingDiv.getRollingItems()).css("opacity", opacity); $('img', rollingDiv.getRollingItems()).hover( function() { $(this).animate({ width: "140", height: "110", opacity: 1 }, 500); }, function() { $(this).animate({ width: "130", height: "100", opacity: opacity }, 500); } ); rollingDiv.startRolling(50, 0, 50); });
спасибо |