Hallo,
gibt es eigentlich eine saubere Lösung, damit unterhalb bestimmter Viewports (z.B. 700px) ein Slider oder ein anderes Element geladen wird?
Klar, man könnte es mit display:hidden ausblenden, aber damit wird ja im Hintergrund dennoch alles geladen und unnötig Performance & Datenvolumen verschenkt.
Nun liegt also bzgl. des Sliders folgendes vor:
- {box_slider} in der index.html
- box_slider.html im Ordner "boxes"
- in der "source\boxes.php" ein Eintrag:
require_once(DIR_WS_BOXES . 'slider.php'); - in der javascript/general.js.php:
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.nivo.slider.js" type="text/javascript"></script>
UND
der Aufruf einer Funktion
$(function() {
$('#slider').nivoSlider({
...
Wie kann man es also nun realisieren, dass am besten
a) nichts von alledem geladen wird, wenn der Viewport größer 700px ist oder
b) wenn a) nicht möglich ist, so wenig wie möglich im Hintergrund geladen wird.
Freue mich auf eure Anregungen.
Grüße
Dominik
Linkback: https://www.modified-shop.org/forum/index.php?topic=31322.0