Support WebsiteBaker
Recent Posts51
Modules / Re: colorbox macht nicht was sie soll
« Last post by sternchen8875 on March 16, 2025, 11:36:03 AM »Quote
X_X
der typische Chio
Der Code stammt aus dieser Zeile 49 der index.php des fruesteg-Templates und soll die Stelle Zeigen, an der später das Suchen-Icon auftaucht, Hab die X-X entfernt
Code: [Select]
$topmenu = str_replace('</ul>X_X',$topmenu_extra.'</ul>', $topmenu.'X_X' );zur Colorbox
notwendig ist dieser Link zur colorbox im <head>-Bereich des benutzten Frontend-Templates, der Aufruf muß zwingend nach dem Aufruf von jquery erfolgen
Code: [Select]
<script src="<?php echo TEMPLATE_DIR; ?>/colorbox/jquery.colorbox.js" type="text/javascript"></script>weiter gehts unten
dieser Code muß vor den schließenden </body>-Tag - das war es dann auch schon
Code: [Select]
<script>
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".group1").colorbox({rel:'group1'});
$(".group2").colorbox({rel:'group2', transition:"fade"});
$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
$(".group4").colorbox({rel:'group4', slideshow:true,loop:true,
slideshowSpeed:6000,
slideshowAuto:true,
transition:"elastic",
opacity: "0.7",
maxWidth:"90%",
maxHeight:"90%",
previous:"zurück",
next:"vor",
close:"schließen",
current: "Bild {current} von {total}",
slideshowStart: "Diashow starten",
slideshowStop: "Diashow anhalten"});
});
</script>Der Aufruf eines Bildes dann im Quelltext so
Code: [Select]
<a class="group4" href="http://deineURL/media/high-bay-408222_1920.jpg">
<img alt="" class="img-responsive" height="100" src="http://deineURL/media/high-bay-408222_1920.jpg" style="" width="150"></a>P.S.: Admin-Kommentar: Beispiel-Code geändert, er zeigte vorher ein weiteres Script, das für das Beispiel nicht relevant ist und ggf verwirren könnte.
