Форум Сайтостроение Веб-строительство

Помогите изменить карусельку под информер

Z
На сайте с 01.03.2011
Offline
65
zhex
381

Это код карусельки с картинками, нужно из нее сделать горизонтальный информер новостей с сайта. Кто нибудь может помочь? Спасибо.

<head>

<title>jCarousel Examples</title>

<link href="../style.css" rel="stylesheet" type="text/css" />

<!--

jQuery library

-->

<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>

<!--

jCarousel library

-->

<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>

<!--

jCarousel skin stylesheet

-->

<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />

<style type="text/css">

/**

* Overwrite for having a carousel with dynamic width.

*/

.jcarousel-skin-tango .jcarousel-container-horizontal {

width: 85%;

}

.jcarousel-skin-tango .jcarousel-clip-horizontal {

width: 100%;

}

</style>

<script type="text/javascript">

jQuery(document).ready(function() {

jQuery('#mycarousel').jcarousel({

visible: 5

});

});

</script>

</head>

<body>

<div id="wrap">

<h1>jCarousel</h1>

<h2>Riding carousels with jQuery</h2>

<h3>Flexible carousel</h3>

<p>

This example shows a carousel with flexible item width. In this case, always

4 items are visible (resize the browser window to see what happens).

</p>

<ul id="mycarousel" class="jcarousel-skin-tango">

<li><img src=" width="75" height="75" alt="" /></li>

<li><img src=" width="75" height="75" alt="" /></li>

<li><img src=" width="75" height="75" alt="" /></li>

<li><img src=" width="75" height="75" alt="" /></li>

<li><img src=" width="75" height="75" alt="" /></li>

<li><img src=" width="75" height="75" alt="" /></li>

<li><img src=" width="75" height="75" alt="" /></li>

<li><img src=" width="75" height="75" alt="" /></li>

<li><img src=" width="75" height="75" alt="" /></li>

<li><img src=" width="75" height="75" alt="" /></li>

</ul>

</div>

</body>

zhex добавил 22.03.2011 в 23:18

Опять никто не знает (((

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий