Испольую скрипты mootools+iCarousel+jd.gallery.v2
Получил эффект движения текста на
стринице
Вот хочу вложить в раздел портфолио вот такой
скрипт
но не получается его вложить в див.
Если отдельно пускаю - то работает:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="UTF-8">
<head>
<title></title>
<link type="text/css" rel="stylesheet" href="css/this.css"></link>
<link rel="stylesheet" href="css/jd.gallery.v2.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/mootools.v1.1.js"></script>
<script type="text/javascript" src="js/shCore.js"></script>
<script type="text/javascript" src="js/iCarousel.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script src="js/mootools.v1.11.js" type="text/javascript"></script>
<script src="js/HistoryManager.js" type="text/javascript"></script>
<script src="js/jd.gallery.v2.js" type="text/javascript"></script>
<script src="js/jd.gallery.transitions.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent("domready", function() {
//new Accordion($$(".accordion_toggler"), $$(".accordion_content"));
dp.SyntaxHighlighter.HighlightAll("usage");
var Carousel = new iCarousel("content", {
idPrevious: "previous",
idNext: "next",
idToggle: "undefined",
item: {
klass: "item",
size: 560
},
animation: {
type: "scroll",
duration: 1000,
amount: 1
}
});
$("thumb0").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(0)});
$("thumb1").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(1)});
$("thumb2").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(2)});
$("thumb3").addEvent("click", function(event){new Event(event).stop();Carousel.goTo(3)});
});
</script>
</head>
<body>
<div class="logo"> </div>
<div class="bg"> </div>
<div id="kwick">
<ul class="kwicks">
<li><a class="kwick download" href="" id="thumb0"><span>Download now</span></a></li>
<li><a class="kwick documentation" href="" id="thumb1"><span>Documentation</span></a></li>
<li><a class="kwick blog" href="" id="thumb2"><span>The Blog</span></a></li>
<li><a class="kwick trac" href="" id="thumb3"><span>Keep Trac</span></a></li>
</ul>
</div>
<div id="container">
<div id="container_bd" align="center">
<div id="svip" align="left">
<ul id="content">
<li class="item">
<div id="co">
<div align="center">
<b style="color:9F4000">Создание сайтов: </b> </div> <div style="margin-left: 10px;"> <p> Создание web-сайта и раскрутка его в Интернете - один из самых эффективных способов развития бизнеса с нуля и привлечения новых и главное целевых клиентов для уже существующей и стремящейся к развитию компании. <p> Мы профессионально разработаем для Вашей организации web-сайт от простого сайта визитки до Интернет-магазина или портала любой сложности и осуществим дальнейшую поддержку.
<p> Создание сайта - это кропотливый процесс, требующий комплексного и командного подхода целого звена специалистов: web-дизайнера, программиста, оптимизатора, верстальщика. <p> Создание сайта в нашей компании начинается с детального изучения Ваших пожеланий по дизайну и структуре сайта, а так же особенностей и потребностей сайта для практических целей в соответствии с деятельностью Вашей организации. <p>
</div>
</div></li>
<li class="item">
<div id="co">
текст
</div>
</li>
<li class="item">
<div id="co">
1 Создание web-сайта и раскрутка его в Интернете - один из
самых эффективных способов развития бизнеса с нуля и
привлечения новых и главное целевых клиентов для уже
существующей и стремящейся к развитию компании.
Мы профессионально разработаем для Вашей организации web-сайт
от простого сайта визитки до Интернет-магазина или портала
любой сложности и осуществим дальнейшую поддержку.
</div>
</li>
<li class="item">
<div id="co">
3 Создание web-сайта и раскрутка его в Интернете - один из
самых эффективных способов развития бизнеса с нуля и
привлечения новых и главное целевых клиентов для уже
существующей и стремящейся к развитию компании.
Мы профессионально разработаем для Вашей организации web-сайт
от простого сайта визитки до Интернет-магазина или портала
любой сложности и осуществим дальнейшую поддержку.
</div>
</li>
</ul>
</div>
</div>
<a id="previous" href="#left"><span>←</span></a>
<a id="next" href="#right"><span>→</span></a>
</div>
<div class="content">
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: false,
useHistoryManager: true,
defaultTransition: "fadeslideleft"
});
HistoryManager.start();
}
window.addEvent('domready', startGallery);
</script>
<div id="myGallery">
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 Description</p>
<a href="gallery-images/item-1/" title="open image" class="open"></a>
<img src="http://javascript.ru/forum/images/77196_6784-gallery.jpg" class="full" alt="Item 1 Title" />
<img src="http://javascript.ru/forum/images/77196_6784-mini.jpg" class="thumbnail" alt="thumbnail of Item 1 Title" />
</div>
<div class="imageElement">
<h3>Item 2 Title</h3>
<p>Item 2 Description</p>
<a href="gallery-images/item-2/" title="open image" class="open"></a>
<img src="http://javascript.ru/forum/images/165392_5486-gallery.jpg" class="full" alt="Item 2 Title" />
<img src="http://javascript.ru/forum/images/165392_5486-mini.jpg" class="thumbnail" alt="thumbnail of Item 2 Title" />
</div>
<div class="imageElement">
<h3>Item 3 Title</h3>
<p>Item 3 Description</p>
<a href="gallery-images/item-3/" title="open image" class="open"></a>
<img src="http://javascript.ru/forum/images/83808_7948-gallery.jpg" class="full" alt="Item 3 Title" />
<img src="http://javascript.ru/forum/images/83808_7948-mini.jpg" class="thumbnail" alt="thumbnail of Item 3 Title" />
</div>
<div class="imageElement">
<h3>Item 4 Title</h3>
<p>Item 4 Description</p>
<a href="gallery-images/item-4-title/" title="open image" class="open"></a>
<img src="http://javascript.ru/forum/images/87914_9172-gallery.jpg" class="full" alt="Item 4 Title" />
<img src="http://javascript.ru/forum/images/87914_9172-mini.jpg" class="thumbnail" alt="thumbnail of Item 4 Title" />
</div>
<div class="imageElement">
<h3>Item 5 Title</h3>
<p>Item 5 Description</p>
<a href="gallery-images/item-5-title/" title="open image" class="open"></a>
<img src="http://javascript.ru/forum/images/150103_4500-gallery.jpg" class="full" alt="Item 5 Title" />
<img src="http://javascript.ru/forum/images/150103_4500-mini.jpg" class="thumbnail" alt="thumbnail of Item 5 Title" />
</div>
<div class="imageElement">
<h3>Item 6 Title</h3>
<p>Item 6 Description</p>
<a href="gallery-images/item-6-title/" title="open image" class="open"></a>
<img src="http://javascript.ru/forum/images/78130_1037-gallery.jpg" class="full" alt="Item 6 Title" />
<img src="http://javascript.ru/forum/images/78130_1037-mini.jpg" class="thumbnail" alt="thumbnail of Item 6 Title" />
</div>
<div class="imageElement">
<h3>Item 7 Title</h3>
<p>Item 7 Description</p>
<a href="gallery-images/item-7-title/" title="open image" class="open"></a>
<img src="http://javascript.ru/forum/images/73831_3266-gallery.jpg" class="full" alt="Item 7 Title" />
<img src="http://javascript.ru/forum/images/73831_3266-mini.jpg" class="thumbnail" alt="thumbnail of Item 7 Title" />
</div>
</div>
</div>
</body>
</html>
