pdd
Постоялец
- Регистрация
- 11 Сен 2007
- Сообщения
- 138
- Реакции
- 82
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
качаешь скрипт,
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
Вставляешь код в страницу,
Если что можешь в коде демки посмотреть что и как.
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
По сути тут все просто:
HTML:
<head>
<title>MeadMiracle.com Sliding Image Gallery Demo #3</title>
<link href="Styles/default.css" type="text/css" rel="stylesheet" />
<script language="javascript" type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript" src="scripts/jquery.slidingGallery-1.1.min.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$('div.gallery img').slidingGallery({ useCaptions: true });
});
</script>
<style type="text/css">
div.gallery img
{
border: solid 1px white;
}
</style>
</head>
<body>
<div class="gallery">
<img src="Images/SlidingGallery/atat.jpg" caption="A papercraft AT-AT that I made" />
<img src="Images/SlidingGallery/babyLeia.jpg" caption="My dog when she was a wee puppy" />
<img src="Images/SlidingGallery/cutout.jpg" caption="A bit of Photoshop fun" />
<img src="Images/SlidingGallery/gunslinger1.jpg" class="start" caption="A woodburning of mine, inspired by Dark Tower series by Stephen King" layout="portrait" />
<img src="Images/SlidingGallery/gunslinger2.jpg" caption="Another woodburning of mine, inspired by Dark Tower series by Stephen King" layout="portrait" />
<img src="Images/SlidingGallery/lights.jpg" caption="Some lights in the lobby of the Rio in Vegas" layout="portrait" />
<img src="Images/SlidingGallery/lion.jpg" caption="A baby lion at the MGM Grand" />
<img src="Images/SlidingGallery/punisher.jpg" caption="Me dressed up as the Punisher for halloween + a bit of photoshop" layout="portrait" />
<img src="Images/SlidingGallery/royBatty.jpg" caption="A cake I made for my friend Matt" layout="portrait" />
<img src="Images/SlidingGallery/stainedGlass.jpg" caption="A stained glass roof in Caesar's Palace" />
<img src="Images/SlidingGallery/tower.jpg" caption="A tower in Solvang" layout="portrait" />
</div>
</body>
