|
|||
Image im Slider responsivieren
Hallo Forum, ich hoffe, ich bin hier richtig
Ich habe auf einer HP einen Slider, den ich nun in ein responsive Format bringen soll. Folgendes Problem: Die index.php ist wie folgt gebaut: HTML-Code:
<div class="hero hero-slider"> <ul class="slides"> <li data-bg-image="dummy/slide-1.jpg"> <div class="container"> <h2 class="slide-desc">Dartgemeinschaft Wagenrad<br>Eine starke Gemeinschaft...</h2> </div> </li> <li data-bg-image="dummy/slide-2.jpg"> <div class="container"> <h2 class="slide-desc">Die coolsten Getränke...! <br>Die coolste Location...! <br> Die coolsten Mitglieder...!</h2> </div> </li> <li data-bg-image="dummy/slide-3.jpg"> <div class="container"> <h2 class="slide-desc">Und die coolste Tresen-Schnegge !!!</h2> </div> </li> </ul> </div> <!-- .hero-slider --> Das passiert über folgendes jquery-script HTML-Code:
(function($, document, window){ $(document).ready(function(){ // hero-slider $(".hero-slider").flexslider({ controlNav: true, directionNav: false, animation: "fade" }); $(".menu-toggle").click(function(){ $(".mobile-navigation").slideToggle(); }); $(".mobile-navigation").append($(".main-navigation .menu").clone()); // Changing background image using data-attribute $("[data-bg-image]").each(function(){ var image = $(this).data("bg-image"); $(this).css("background-image", "url("+image+")"); }); }); $(window).load(function(){ }); })(jQuery, document, window); Mein Problem ist nun, dass ich abhängig von der Auflösung die Grafiken gegen kleinere Bilder austauschen möchte. Ich hab von jquery bzw JavaScript leider nur sehr wenig Ahnung. Hat vlt jemand einen Tipp, wo ich dabei anfange? LG Micha |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
mit Schleife Script reduzieren | css_user | Javascript & Ajax | 3 | 27.06.2013 15:51 |
Ausrichtung Kalender | greece4u | CSS | 20 | 14.05.2012 13:32 |
Suche 3 Image Slider | dimo21 | Javascript & Ajax | 7 | 11.09.2011 01:35 |
360 image slider | Jens.K | Javascript & Ajax | 2 | 13.07.2011 17:09 |
Imagemap Zugriff bei einer Gallery | Sarah14 | Javascript & Ajax | 3 | 12.11.2007 14:06 |