Carousel Slider

Developer
Angel Komander
Size
5,678 Kb
Views
32,384
  1. Carousel Slider Previews
  2. Carousel Slider HTML Codes
  3. Carousel Slider CSS Codes
  4. Carousel Slider JS Codes

How do I make an carousel slider?

Carousel Slider. What is a carousel slider? How do you make a carousel slider? This script and codes were developed by Angel Komander on 17 October 2022, Monday.

Carousel Slider Previews
IQ Test

Carousel Slider - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Carousel Slider</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!-- DC Horizontal Carousel CSS -->
<link type="text/css" rel="stylesheet" href="http://www.dreamtemplate.com/dreamcodes/carousel_hor/css/tsc_carousel_hor.css" />
<!-- jQuery Library (skip this step if already called on page ) -->
<script type="text/javascript" src="http://www.dreamtemplate.com/dreamcodes/jquery.min.js"></script> <!-- (do not call twice) -->
<!-- DC Horizontal Carousel JS -->
<script type="text/javascript" src="http://www.dreamtemplate.com/dreamcodes/carousel_hor/js/jquery.bxslider2.min.js"></script>
<script type="text/javascript" src="http://www.dreamtemplate.com/dreamcodes/carousel_hor/js/tsc_jqcarousel.js"></script>
<table cellpadding="5" cellspacing="0"> <tr> <td> <div class="tsc_carousel_hor"> <div class="l-carousel"> <ul class="carousel"> <li> <a href="#"><img src="http://cdn.jkanime.net/assets/images/animes/image/jigoku-shoujo.jpg" width="190" height="150" border="0" /></a> <h4><a href="#">Jigoku Shoujo</a></h4> <p>Exactamente a medianoche se puede acceder a una web en la cual podrás escribir el nombre de una persona de la cual te que quieres vengar. Enma Ai (Hell Girl) se encargará de enviar a esa persona al infierno. El costo por la venganza es el siguiente: Al morir, tú también irás al infierno...</p> </li> <li> <a href="#"><img src="http://cdn.jkanime.net/assets/images/animes/image/tokyo-ghoul.jpg" width="175" height="115" border="0" /></a> <h4><a href="#">Tokyo Ghoul</a></h4> <p>En Tokyo ocurren asesinatos misteriosos cometidos por Ghouls, seres desconocidos que comen carne humana, un día Kaneki Ken un joven de 18 años que cursa la Universidad conoce a una chica en un restaurante y la invita a salir, pero luego se da cuenta que ella es un Ghoul y sufre un ataque de parte de ella, pero afortunadamente sobrevive y la muchacha muere; debido a sus heridas los médicos le hacen un transplante de riñon sin saber que la muchacha era una Ghoul y Kaneki termina convirtiéndose en un ser híbrido humano-ghoul y de ahora en adelante deberá vivir escondiéndose de los humanos.</p> </li> <li> <a href="#"><img src="http://cdn.jkanime.net/assets/images/animes/image/sword-art-online-ii.jpg" width="175" height="115" border="0" /></a> <h4><a href="#">Sword Art Online II</a></h4> <p>"Sword Art Online II - Phantom bullet" se sitúa un año después del incidente de SAO.
<br></br>
Kirigaya Kazuto (Kirito) es invitado a un restaurante por Kikuoka Seijirou un hombre que trabajaba en la investigación del incidente de SAO quien le pide a Kirito que investigue la muerte de un jugador en un popular MMORPG llamado Gun Gale Online (GGO), al parecer un misterioso jugador que se hace llamar "Death Gun" es capaz de matar a personajes en el juego y a su vez, matar a quienes controlan los avatares en el mundo real. <br></br>
Al momento de que Kirito ingresa a GGO, este lo hace en forma de mujer (lo que obviamente le causa gran sorpresa) y conoce a una hábil jugadora llamada Sinon. Para resolver el misterio de las muertes se aventurarán en este nuevo mundo.</p> </li> <li> <a href="#"><img src="http://cdn.jkanime.net/assets/images/animes/image/fairy-tail.jpg" width="175" height="115" border="0" /></a> <h4><a href="#">Fairy Tail</a></h4> <p>Fairy Tail cuenta la historia de un joven mago llamado Natsu en la búsqueda de su maestro y padre adoptivo Igneel que resulta ser un dragón. Por ello se unió a Fairy Tail, un gremio de magos que es famoso por los destrozos y daños que provocan en diversas ciudades (lo cual no debería ser así). El mundo de Fairy Tail gira alrededor de los magos (los cuales poco tienen que ver con la idea general del mago común) que realizan encargos a cambio de dinero, similar a un cazarecompensas. Natsu conoce a Lucy, una guapa muchacha cuyo sueño era ingresar a un gremio de magos, específicamente, a Fairy Tail, lo cual consigue gracias a la ayuda de Natsu. De ahí en adelante, la historia sigue los movimientos de esta pareja de magos los cuales se ven envueltos en un sin número de aventuras antes de conseguir la meta final de encontrar a Igneel.</p> </li> <li> <a href="#"><img src="http://cdn.jkanime.net/assets/images/animes/image/inu-to-hasami-wa-tsukaiyou.jpg" width="175" height="115" border="0" /></a> <h4><a href="#">Inu To Hasami Wa Tsukaiyou</a></h4> <p>La historia cómica de misterio se centra en Kazuhito Harumi un chico de instituto obsesionado con leer libros. Un día es asesinado por un robo y acaba resucitando como un perro salchicha. Incapaz de leer en su nueva forma, el pobre de Kazuhito encima le pertenecerá a Natsuno Kirihime una chica sádica que usa sus tijeras como arma. </p> </li> <li> <a href="#"><img src="http://cdn.jkanime.net/assets/images/animes/image/kyoukai-no-kanata.jpg" width="175" height="115" border="0" /></a> <h4><a href="#">Kyoukai No Kanata</a></h4> <p>La historia sigue a un muchacho de instituto llamado Akihito Kanbara que aunque parece normal, es un medio yomu, lo que le hace invulnerable a las heridas debido a que se cura muy rápido. Un día Akihito conoce a una novata llamada Mirai Kuriyama cuando esta parece que está a punto de saltar de la azotea del instituto. Mirai se siente sola por su habilidad para manipular la sangre, algo único incluso entre aquellos con poderes sobrenaturales. Tras impedir Akihito que Mirai salte, comienzan a ocurrir extraños eventos.</p> </li> <li> <a href="#"><img src="http://www.vanime.net/images/elfenlied.gif" width="175" height="115" border="0" /></a> <h4><a href="#">Elfen Lied</a></h4> <p>La historia se centra en Lucy, una declonius (una mutación del ser humano creada por los hombres, que se caracteriza por tener dos pequeños cuernos en la cabeza y dos brazos invisibles de dos metros) que consigue escapar del centro de investigación donde la tenían retenida junto a otros declonius para estudiarla, en la huída es alcanzada por un francotirador que la destruye el casco que protegía su cabeza dejándola inconsciente. Lucy es arrastrada por las olas hasta una playa donde es encontrada por Kouta y Yuca que la llevan a un viejo restaurante. Debido al disparo del francotirador Lucy ha perdido la memoria por completo y pasa de ser una sádica asesina a una inocente chica que solo sabe decir Nyu, por lo que Kouta y Yuca deciden llamarla así. Con el paso del tiempo Lucy irá recordando cosas del pasado.</p> </li> <li> <a href="#"><img src="http://cdn.jkanime.net/assets/images/animes/image/shingeki-no-kyojin.jpg" width="175" height="115" border="0" /></a> <h4><a href="#">Shingeki no Kyojin</a></h4> <p>La historia nos traslada a un mundo en el que la humanidad estuvo a punto de ser exterminada cientos de años atrás por los Titanes. Los Titanes son seres enormes, parecen no ser inteligentes y devoran humanos. Lo peor es que parece que lo hacen por placer y no por alimentarse. <br></br>
Una pequeña parte de la humanidad ha conseguido sobrevivir protegiéndose con unos altísimos muros, más altos que el mayor de los Titanes. La ciudad vive su vida tranquila, y hace más de 100 años que ningún Titan aparece por allí.
<br></br>
Eren y Mikasa son todavía unos adolescentes cuando ven algo horroroso: un Titan mucho mayor que todos los que la humanidad había conocido hasta el momento está destruyendo los muros de la ciudad, en ese momento la humanidad volverá a recordar el terror.</p> </li> <li> <a href="#"><img src="http://cdn.jkanime.net/assets/images/animes/image/another.jpg" width="175" height="115" border="0" /></a> <h4><a href="#">Another</a></h4> <p>La historia se centra en una clase maldita y en los hilos del destino que llevan a todos los alumnos y alumnas de la misma hasta a la muerte. Hacía 26 años iba a esa clase una chica llamada Misaki. Buena deportista, popular, caía bien a todo el mundo, las mejores notas… pero un día murió dejando un vacío enorme en sus compañeros de clases. Estos, decididos a no olvidarla, siguieron actuando como si Misaki siguiera viva hasta la graduación. Años después, en primavera de 1998, un chico llamado Koichi Sakakibara es transferido a esa clase para no tardar en darse cuenta de que hay algo raro ahí, especialmente con esa tal Misaki que siempre ve al fondo de clase dibujando sola y que lleva un parche.</p> </li> <li> <a href="#"><img src="http://cdn.jkanime.net/assets/images/animes/image/naruto.jpg" width="175" height="115" border="0" /></a> <h4><a href="#">Naruto</a></h4> <p>Naruto, un aprendiz de ninja de la Aldea Oculta de Konoha es un chico travieso que desea llegar a ser el Hokage de la aldea para demostrar a todos lo que vale. Lo que descubre al inicio de la historia es que la gente le mira con desconfianza porque en su interior está encerrado el demonio Kyubi que una vez destruyó la aldea, y que el anterior líder de la misma tuvo que encerrar en su cuerpo siendo aún muy pequeño, a coste de su vida. Aunque sus compañeros no saben esto, tampoco le aprecian porque es mal estudiante y siempre está haciendo bromas. Sin embargo, la forma de actuar y la determinación de Naruto demuestran a los demás que puede llegar muy lejos, y el recelo de los otros chicos se va disipando. Naruto y sus compañeros Sakura y Sasuke, junto a su maestro Kakashi tendrán que enfrentarse a una serie de combates y misiones a lo largo de la historia que les permitirán mejorar y crecer. Naruto se vera enfrentado a sus principales enemigos Akatsuki, Itachi y Kisame.</p> </li> </ul> </div> <div class="tsc_clr"></div> </div></td> </tr> </table>
<footer> <div style="margin-top: 15px; margin-left:15px; margin-right:15px;"> By <a href="http://www.angelkrak.hol.es">AngelKrak</a> & <a href="http://www.fb.com/angelkrak92">Angel Komander</a> <p><iframe name="BlockPost" src="http://blockpost.skn1.com/" width="100%" height="400px"></iframe></p> </div> </footer> <script src="js/index.js"></script>
</body>
</html>

Carousel Slider - Script Codes CSS Codes

img{ width: 190px; height: 150px;
}
table { margin: 0 auto;
}
h4{ text-align: center;
}
p { overflow:scroll; overflow-y: auto; overflow-x: auto; height:100px; width:190px; text-align: center;
}
footer {	float:left; border-radius: 10px; width: 100%;	margin-top:20px; background-color: #dadada;
}

Carousel Slider - Script Codes JS Codes

 $(function() {jQuery('.tsc_carousel_hor .carousel').jcarousel({scroll:2});});
Carousel Slider - Script Codes
Carousel Slider - Script Codes
Home Page Home
Developer Angel Komander
Username AngelKrak
Uploaded October 17, 2022
Rating 3
Size 5,678 Kb
Views 32,384
Do you need developer help for Carousel Slider?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Angel Komander (AngelKrak) Script Codes
Name
360 Degree Product Viewer in HTML5 Canvas
Spoiler JS Dynamic Spoiler Button
Buttons Shared
Sheet Slider, slider responsive usando solo CSS3
FlexSlider 2 Beta - Thumbnail ControlNav Pattern
A Pen by Angel Komander
Vertical Scrollbars CSS DIV
Page plugin of Minicajas y estuches
HTML5 Video Antes y Despues Comparacion Slider
Spoiler Collapse Bootstrap
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!