Divi: Verlinkte Bilder in der Lightbox öffnen

4. Februar 2021 | Divi-Theme, Scripts |

Geschätzte Lesezeit für diesen Beitrag: ca. 2 Minuten.

Mit dem Divi-Bildmodul lassen sich Bilder bequem einfügen und verlinken. Jedoch möchte man vermutlich, dass ein Link, welcher das Bild in voller Pracht anzeigt, in einem neuen Fenster öffnet. Oder noch eleganter: In der Divi-Lightbox. Für letzteres gibt es eine einfache Möglichkeit, mit der alle Bildlinks automatisch in der Lightbox erscheinen.

Fügen Sie folgenden Script-Code im <head>-Bereich Ihrer Website ein: Divi/Theme Options/Integration und dort ins Feld «Add code to the < head > of your blog»:

<script>
jQuery(function($) {
		var $links = $('.entry-content a').filter(db_is_image_link).not(db_is_gallery_image_link);
		$links.filter(db_has_child_img).addClass('et_pb_lightbox_image'); 
		$links.not(db_has_child_img).magnificPopup({type:'image'});
		
		function db_has_child_img() {
			return ($(this).children('img').length);
		}
		
		function db_is_image_link() {
			return (/.(?:jpg|jpeg|gif|png|bmp)$/i.test($(this).attr('href')));
		}
		
		function db_is_gallery_image_link() {
			return ($(this).parent().hasClass("et_pb_gallery_image")); 
		}
	}
);
</script>

Die Lightbox ist jetzt standardmässig für die Anzeige von Bildern aktiviert, welche auf sich selbst verlinkt sind.

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.









Vielen Dank.

Pin It on Pinterest

Share This