Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje11-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
Mensaje12-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
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group