Gunnar Bittersmann: Artikelbilder

Beitrag lesen

@@Alex:

nuqneH

Leider habe ich keine Ahnung wie man so ein wisch Effekt macht. Habt Ihr dieses bereits umgesetzt? Ist dieses schwer?

Ich würde was Fertiges nehmen. Swipe funktioniert gut – und braucht kein jQuery.

Du musst dafür sorgen, dass Swipe nur bei schmalen Viewports angewand wird:

Das Container-Element (ID "artikelbilderContainer") bekommt die Klasse "swipe" nicht im HTML, sondern per JavaScript:

if (document.documentElement.offsetWidth < 666)  
{  
  var artikelbilderContainerElement = document.getElementById('artikelbilderContainer');  
  artikelbilderContainerElement.className += ' swipe';  
  window.artikelbilderSwipe = Swipe(artikelbilderContainerElement, {});  
}

Verbesserungen:
Die Bibliothek swipe.js muss nur bei Bedarf geladen werden, also dynamisch innerhalb dieses if.

Das Ganze dynamisch auf Änderungen der Größe des Browserfensters reagieren lassen.

Qapla'

--
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)