Autor |
Mensaje |
-
codeslife
Nuevo
|
11-10-2009, 23:13 (UTC) Título del mensaje: [Código Javascript] Slider V1.2 |
|
|
Código: <link rel="stylesheet" href="http://img45.xooimage.com/files/5/a/4/page-1404f7c.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://img42.xooimage.com/files/8/4/8/slider-14051a3.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://img40.xooimage.com/files/6/c/0/jquery.easing.1.2-140513d.js"></script>
<script src="http://img46.xooimage.com/files/a/f/3/jquery.anythingslider-1405132.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function formatText(index, panel) {
return index + "";
}
$(function () {
$('.anythingSlider').anythingSlider({
easing: "easeInOutExpo", // Anything other than "linear" or "swing" requires the easing plugin
autoPlay: true, // This turns off the entire FUNCTIONALY, not just if it starts running or not.
delay: 3000, // How long between slide transitions in AutoPlay mode
startStopped: false, // If autoPlay is on, this can force it to start stopped
animationTime: 600, // How long the slide transition takes
hashTags: true, // Should links change the hashtag in the URL?
buildNavigation: true, // If true, builds and list of anchor links to link to each slide
pauseOnHover: true, // If true, and autoPlay is enabled, the show will pause on hover
startText: "Go", // Start text
stopText: "Stop", // Stop text
navigationFormatter: formatText // Details at the top of the file on this use (advanced use)
});
$("#slide-jump").click(function(){
$('.anythingSlider').anythingSlider(6);
});
});
</script>
<div id="page-wrap">
<div class="anythingSlider">
<div class="wrapper">
<ul>
<li>
<img src="http://img26.xooimage.com/files/b/0/2/slide-civil-1-1405150.jpg" alt="" />
</li>
<li>
<div id="textSlide">
<img src="http://img28.xooimage.com/files/2/a/3/251356-1405156.jpg" alt="tomato sandwich" style="float: right; margin: 0 0 2px 10px;" />
<h3>Queenie's Killer Tomato Bagel Sandwich</h3>
<h4>Ingredients</h4>
<ul>
<li>1 bagel, split and toasted</li>
<li>2 tablespoons cream cheese</li>
<li>1 roma (plum) tomatoes, thinly sliced</li>
<li>salt and pepper to taste</li>
<li>4 leaves fresh basil</li>
</ul>
</div>
</li>
<li>
<img src="http://img44.xooimage.com/files/8/3/b/slide-env-2-140516d.jpg" alt="" />
</li>
<li>
<img src="http://img48.xooimage.com/files/0/2/5/slide-civil-2-1405165.jpg" alt="" />
</li>
<li>
<div id="quoteSlide">
<blockquote>La palabra paz deriva del latín pax. Es generalmente definida, en sentido positivo, como un estado de tranquilidad o quietud, y en sentido opuesto como ausencia de inquietud, violencia o guerra. Desde el punto de vista del Derecho internacional, y por extensión de la definición anterior, el término Paz en un convenio o tratado que pone fin a la guerra (como por ejemplo, la Paz de Westfalia). Puede hablarse de una paz social como entendimiento y buenas relaciones entre los grupos, clases o estamentos sociales dentro de un país. En el plano individual, la paz designa un estado interior, exento de cólera, odio y más generalmente de sentimientos negativos. Es, por lo tanto, deseada para uno mismo e igualmente para los demás, hasta el punto de convertirse en un saludo (la paz esté contigo) o una meta de la vida.</blockquote>
<p> - <a id='perma' href='http://quotesondesign.com/chikezie-ejiasi/'>Chikezie Ejiasi</a></p>
</div>
</li>
<li>
<img src="http://img44.xooimage.com/files/8/3/b/slide-env-2-140516d.jpg" alt="" />
</li>
</ul>
</div>
</div>
______________
Ultima edición por codeslife el Vie Nov 06, 2009 4:26 pm; editado 1 vez
|
|
↑
|
|
|
-
tekopc
Junior
Ubicación: Merida - Venezuela
|
12-10-2009, 02:27 (UTC) Título del mensaje: |
|
|
Hola, amigo edita lo que esta en rojo, pones la url de tus imagenes.
Cita: <link rel="stylesheet" href="http://img45.xooimage.com/files/5/a/4/page-1404f7c.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://img42.xooimage.com/files/8/4/8/slider-14051a3.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="http://img40.xooimage.com/files/6/c/0/jquery.easing.1.2-140513d.js"></script>
<script src="http://img46.xooimage.com/files/a/f/3/jquery.anythingslider-1405132.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function formatText(index, panel) {
return index + "";
}
$(function () {
$('.anythingSlider').anythingSlider({
easing: "easeInOutExpo", // Anything other than "linear" or "swing" requires the easing plugin
autoPlay: true, // This turns off the entire FUNCTIONALY, not just if it starts running or not.
delay: 3000, // How long between slide transitions in AutoPlay mode
startStopped: false, // If autoPlay is on, this can force it to start stopped
animationTime: 600, // How long the slide transition takes
hashTags: true, // Should links change the hashtag in the URL?
buildNavigation: true, // If true, builds and list of anchor links to link to each slide
pauseOnHover: true, // If true, and autoPlay is enabled, the show will pause on hover
startText: "Go", // Start text
stopText: "Stop", // Stop text
navigationFormatter: formatText // Details at the top of the file on this use (advanced use)
});
$("#slide-jump").click(function(){
$('.anythingSlider').anythingSlider(6);
});
});
</script>
<div id="page-wrap">
<div class="anythingSlider">
<div class="wrapper">
<ul>
<li>
<img src="http://img26.xooimage.com/files/b/0/2/slide-civil-1-1405150.jpg" alt="" />
</li>
<li>
<div id="textSlide">
<img src="http://img28.xooimage.com/files/2/a/3/251356-1405156.jpg" alt="tomato sandwich" style="float: right; margin: 0 0 2px 10px;" />
<h3>Queenie's Killer Tomato Bagel Sandwich</h3>
<h4>Ingredients</h4>
<ul>
<li>1 bagel, split and toasted</li>
<li>2 tablespoons cream cheese</li>
<li>1 roma (plum) tomatoes, thinly sliced</li>
<li>salt and pepper to taste</li>
<li>4 leaves fresh basil</li>
</ul>
</div>
</li>
<li>
<img src="http://img44.xooimage.com/files/8/3/b/slide-env-2-140516d.jpg" alt="" />
</li>
<li>
<img src="http://img48.xooimage.com/files/0/2/5/slide-civil-2-1405165.jpg" alt="" />
</li>
<li>
<div id="quoteSlide">
<blockquote>La palabra paz deriva del latín pax. Es generalmente definida, en sentido positivo, como un estado de tranquilidad o quietud, y en sentido opuesto como ausencia de inquietud, violencia o guerra. Desde el punto de vista del Derecho internacional, y por extensión de la definición anterior, el término Paz en un convenio o tratado que pone fin a la guerra (como por ejemplo, la Paz de Westfalia). Puede hablarse de una paz social como entendimiento y buenas relaciones entre los grupos, clases o estamentos sociales dentro de un país. En el plano individual, la paz designa un estado interior, exento de cólera, odio y más generalmente de sentimientos negativos. Es, por lo tanto, deseada para uno mismo e igualmente para los demás, hasta el punto de convertirse en un saludo (la paz esté contigo) o una meta de la vida.</blockquote>
<p> - <a id='perma' href='http://quotesondesign.com/chikezie-ejiasi/'>Chikezie Ejiasi</a></p>
</div>
</li>
<li>
<img src="http://img44.xooimage.com/files/8/3/b/slide-env-2-140516d.jpg" alt="" />
</li>
</ul>
</div>
</div>
Saludos ______________ Tutoriales para PC | Trucos para PC | Descargas | Juegos | y mucho más!
Ayudo porque me nace no por ganar popularidad
No haga SPAM, evita el Cierre de tu Web
No hagas DOBLE POST, usa el boton EDITAR
Usa el Buscador |
|
↑
|
|
|
|