Испольую скрипты 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/java
script" src="js/mootools.v1.1.js"></
script>
<
script type="text/java
script" src="js/shCore.js"></
script>
<
script type="text/java
script" src="js/iCarousel.js"></
script>
<
script type="text/java
script" src="js/menu.js"></
script>
<
script src="js/mootools.v1.11.js" type="text/java
script"></
script>
<
script src="js/
HistoryManager.js" type="text/java
script"></
script>
<
script src="js/jd.
gallery.v2.js" type="text/java
script"></
script>
<
script src="js/jd.
gallery.transitions.js" type="text/java
script"></
script>
<
script type="text/java
script">
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/java
script">
function start
Gallery() {
var my
Gallery = new
gallery($('my
Gallery'), {
timed: false,
useHistoryManager: true,
defaultTransition: "fadeslideleft"
});
HistoryManager.start();
}
window.addEvent('domready', start
Gallery);
</
script>
<div id="my
Gallery">
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 De
scription</p>
<a href="
gallery-images/item-1/" title="open image" class="open"></a>
<img src="images/77196_6784-
gallery.jpg" class="full" alt="Item 1 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-2/" title="open image" class="open"></a>
<img src="images/165392_5486-
gallery.jpg" class="full" alt="Item 2 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-3/" title="open image" class="open"></a>
<img src="images/83808_7948-
gallery.jpg" class="full" alt="Item 3 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-4-title/" title="open image" class="open"></a>
<img src="images/87914_9172-
gallery.jpg" class="full" alt="Item 4 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-5-title/" title="open image" class="open"></a>
<img src="images/150103_4500-
gallery.jpg" class="full" alt="Item 5 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-6-title/" title="open image" class="open"></a>
<img src="images/78130_1037-
gallery.jpg" class="full" alt="Item 6 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-7-title/" title="open image" class="open"></a>
<img src="images/73831_3266-
gallery.jpg" class="full" alt="Item 7 Title" />
<img src="images/73831_3266-mini.jpg" class="thumbnail" alt="thumbnail of Item 7 Title" />
</div>
</div>
</div>
</body>
</html>
если вкладываю вот так, то не работает:
Код
<!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/java
script" src="js/mootools.v1.1.js"></
script>
<
script type="text/java
script" src="js/shCore.js"></
script>
<
script type="text/java
script" src="js/iCarousel.js"></
script>
<
script type="text/java
script" src="js/menu.js"></
script>
<
script src="js/mootools.v1.11.js" type="text/java
script"></
script>
<
script src="js/
HistoryManager.js" type="text/java
script"></
script>
<
script src="js/jd.
gallery.v2.js" type="text/java
script"></
script>
<
script src="js/jd.
gallery.transitions.js" type="text/java
script"></
script>
<
script type="text/java
script">
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 class="content">
<
script type="text/java
script">
function start
Gallery() {
var my
Gallery = new
gallery($('my
Gallery'), {
timed: false,
useHistoryManager: true,
defaultTransition: "fadeslideleft"
});
HistoryManager.start();
}
window.addEvent('domready', start
Gallery);
</
script>
<div id="my
Gallery">
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 De
scription</p>
<a href="
gallery-images/item-1/" title="open image" class="open"></a>
<img src="images/77196_6784-
gallery.jpg" class="full" alt="Item 1 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-2/" title="open image" class="open"></a>
<img src="images/165392_5486-
gallery.jpg" class="full" alt="Item 2 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-3/" title="open image" class="open"></a>
<img src="images/83808_7948-
gallery.jpg" class="full" alt="Item 3 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-4-title/" title="open image" class="open"></a>
<img src="images/87914_9172-
gallery.jpg" class="full" alt="Item 4 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-5-title/" title="open image" class="open"></a>
<img src="images/150103_4500-
gallery.jpg" class="full" alt="Item 5 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-6-title/" title="open image" class="open"></a>
<img src="images/78130_1037-
gallery.jpg" class="full" alt="Item 6 Title" />
<img src="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 De
scription</p>
<a href="
gallery-images/item-7-title/" title="open image" class="open"></a>
<img src="images/73831_3266-
gallery.jpg" class="full" alt="Item 7 Title" />
<img src="images/73831_3266-mini.jpg" class="thumbnail" alt="thumbnail of Item 7 Title" />
</div>
</div>
</div>
</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>
</body>
</html>
Подскажите как вложить. в чем я ошибся???
Отредактировал svip - 3 Апреля, 2008, 18:45 Двое всегда договорятся, если хотя бы один из них не дурак.
Рекламный блок.
Загрузка. Пожалуйста, подождите...
Ваша реклама, здесь
)))
