Sat. Nov 2nd, 2019

Host your Website

Read and learn

FatCow Plan for $3.15/mo. only

Como Hacer un Slider Responsive para tu sitio web ( html,css y js )

1 min read



NUEVO TUTORIAL 2017 =► https://youtu.be/u0yq_0KwL8E

Hola amigos, aqui les traigo un tutorial, en el que les enseñare a como crear un Slider o Slideshow Profesional y responsive para su sitio web.

▼ | Como Hacer un Slider Responsive para tu sitio web 2017 | ▼
NUEVO TUTORIAL =► https://youtu.be/u0yq_0KwL8E

► Codigo del Proyecto : http://www.mediafire.com/download/8fen75dpa30cuaf/slider-responsive.rar
► Flexslider ( Plugin ): https://woocommerce.com/flexslider/

▼ TUTORIALES SIMILARES ===========================

► Cómo hacer un slider con Jquery y sin plugins:

► Como hacer un Slider automatico con Nivoslider:

► Como hacer un Slider o carousel de testimonios:

▼ CURSOS ========================================

► Curso de HTML desde Cero: https://www.youtube.com/playlist?list=PLfq_FaW7-t5RYMr0-b_V0QnTMzli8YMu8

► Curso de CSS desde Cero: https://www.youtube.com/playlist?list=PLfq_FaW7-t5RhUyr7wmq6NToDEu_vYtyH

▼ CONOCE EL CANAL ===============================

► Bienvenido a CodyTron, Canal de Diseño y desarrollo web:

▼ REDES SOCIALES ================================

► Facebook: https://www.facebook.com/Codytron.tutos/
► Grupo de Facebook: https://web.facebook.com/groups/284413078641210/
► Twitter : https://twitter.com/CodytronTutos
► Google+ : https://plus.google.com/u/0/b/102987381007224847649/102987381007224847649


SUSCRIBETE, ES GRATIS:
https://www.youtube.com/c/CodyTron

31 thoughts on “Como Hacer un Slider Responsive para tu sitio web ( html,css y js )

  1. Hola! En el minuto 8:04 te aparecen los números 1 2 3 (por las imágenes) pero a mí no… Y en el minuto 12:15 te aparece el OL y a mí tampoco… La verdad no sé cuál es el problema… Me gustaría que me ayudes ya que este es el Slider que necesito… Aquí te mando mi código:

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <title>Slider</title>

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

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script&gt;

    <script src="js/jquery.flexslider.js"></script>

    <script type="text/javascript" charset="utf-8">

    $(window).load(function() {

    $('.flexslider').flexslider();

    });

    </script>

    </head>

    <body>

    <div class="flexslider">

    <ul class="slides">

    <li>

    <img src="imagenes/portada.png" alt="">

    <section class="flex-caption">

    <p>Lorem ipsum1</p>

    </section>

    </li>

    <li>

    <img src="imagenes/large.jpg" alt="">

    <section class="flex-caption">

    <p>Lorem ipsum2</p>

    </section>

    </li>

    <li>

    <img src="imagenes/cds.jpg" alt="">

    <section class="flex-caption">

    <p>Lorem ipsum3</p>

    </section>

    </li>

    <li>

    <img src="imagenes/tienda.jpg" alt="">

    <section class="flex-caption">

    <p>Lorem ipsum4</p>

    </section>

    </li>

    </ul>

    </div>

    </body>

    </html>

  2. Cuando intento insertar el slider, si queda pero no me aparece la sección de previous o los botones circulares 🙁 ni tampoco esta centrado, necesito ayuda.

  3. amigo excelente video, quisiera quitar lo de las flechas y eso, que solo me quedaran los circulitos como hago para poder quitar eso?

  4. Muchas gracias amigo, djo estaba mirando uno slider completo con timer, djo tenia hecho pero no tenia uno timer
    yo te voy a dar creditos en mi trabajo
    TCC. Gracias!!!!

  5. Hola, una consulta, cuando he puesto el código para poder poner los iconos, me aparecen unos cuadrados, sabe por casualidad ¿por que sucede eso?. Gracias!! Me está ayudando mucho tu vídeo 🙂

  6. no me salen las fotografías como en la segund aparte donde una va tras otra:

    <!DOCTYPE html>
    <html lang ="es">
    <head>
    <meta charset="UTF-8">
    <title> documento slider </title>

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

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script&gt;

    <script src="js/jquery.flexslider.js"></script>

    <script type="text/javascript" charset="utf-8">

    $(window).load(function() {

    $('.flexslider').flexslider();

    });

    </script>

    </head>

    <body>

    <div class="flexslider">
    <ul class= "slides">
    <li>
    <img src= "C:UsersotramOneDriveDocumentoshtml.comimagenes2299ca8b90a547232b6dfd2db1bd1f19e – copia.jpg">
    <section class="flex-caption"></section>
    </li>
    <li>
    <img src= "C:UsersotramOneDriveDocumentoshtml.comimagenes2299ca8b90a547232b6dfd2db1bd1f19e.jpg">
    <section class="flex-caption"></section>
    </li>
    <li>
    <img src= "C:UsersotramOneDriveDocumentoshtml.comimagenes2e352ef8046deb0f3ed1b2d2267a9a04e.gif">
    <section class="flex-caption"></section>
    </li>

    </ul>

    </div>

    </body>
    <html>

  7. amigo disculpa, quisiera poner varios sliders en una pagina, lo duplique pero me salen varios puntos, si podrías ayudarme por favor

Comments are closed.

Copyright © All rights reserved. | Newsphere by AF themes.