MD Slideshow mit Nivo Slider

[sabo]

Hallo liebe Community, ich versuche seid gestern die MD Slideshow Nivo Slider (http://www.redaxo.org/de/download/modul ... &cat_id=-1) in meine Homepage einzubinden.
Leider bleibt die Anzeige grau. Der Browser gibt mir eine Fehlermeldung die folgendermaßen lautet: TypeError: Result of expression '$("#slider").easySlider' [undefined] is not a function. Die Moduleingabe und Ausgabe funktioniert. Meine Frage, wo kann der Fehler liegen bzw. hat einer schon diese Slideshow erfolgreich eingebaut? Link zur Ansicht: http://www.wertundraum.de/index.php?article_id=13 Für Antworten wäre ich dankbar.

[Xong]

Hi sabo!

Die Funktion heißt ja auch nivoSlider...

[sabo]

ah ja, wer lesen kann ist klar im vorteil , d.h. ich müsste den Funktionsaufruf suchen und einfach umbenennen?

[Xong]

Hi!

ah ja, wer lesen kann ist klar im vorteil , d.h. ich müsste den Funktionsaufruf suchen und einfach umbenennen?

Hmm, ob das Modul dann einfach funktioniert, kann ich nicht beurteilen. Aber es wäre schon mal ´n Schritt in die richtige Richtung. =)

[sabo]

das schlimme ist ich find es nicht, es muss ja am Modul liegen dort wird die Funktion richtig aufgerufen!

Code: Alles auswählen

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'random', //Specify sets like: 'sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, random, slideInRight, slideInLeft'
        slices:15,
        animSpeed:500, //Slide transition speed
        pauseTime:6000,
        startSlide:0, //Set starting Slide (0 index)
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        controlNav:true, //1,2,3...
        controlNavThumbs:true, //Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, //Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', //Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
        keyboardNav:true, //Use left & right arrows
        pauseOnHover:false, //Stop animation while hovering
        manualAdvance:false, //Force manual transitions
        captionOpacity:1.0, //Universal caption opacity
        beforeChange: function(){},
        afterChange: function(){},
        slideshowEnd: function(){}, //Triggers after all slides have been shown
        lastSlide: function(){}, //Triggers when last slide is shown
        afterLoad: function(){} //Triggers when slider has loaded
    });
});
</script>

<?php



?>

<!-- Beschriftungen -->

<div id="caption1" class="nivo-html-caption"><h1>REX_VALUE[1]</h1><p>REX_VALUE[2]. <a href="REX_LINK[1]">weiterlesen</a></p></div>
<div id="caption2" class="nivo-html-caption"><h1>REX_VALUE[3]</h1><p>REX_VALUE[4]. <a href="REX_LINK[2]">weiterlesen</a></p></div>  	
<div id="caption3" class="nivo-html-caption"><h1>REX_VALUE[5]</h1><p>REX_VALUE[6]. <a href="REX_LINK[3]">weiterlesen</a></p></div>  	

<!-- Slides -->
	
<div id="slider" class="nivoSlider">
<a href="REX_LINK[1]" title="REX_VALUE[1]" ><img src="files/REX_MEDIA[1]" alt="REX_VALUE[1]" title="#caption1"/></a>
<a href="REX_LINK[2]" title="REX_VALUE[3]" ><img src="files/REX_MEDIA[2]" alt="REX_VALUE[3]" title="#caption2" /></a>
<a href="REX_LINK[3]" title="REX_VALUE[5]" ><img src="files/REX_MEDIA[3]" alt="REX_VALUE[5]" title="#caption3" /></a>
</div>

oder bin ich blind zum teufel?

[Ingo]

Du bindest jQuery zweimal ein. Erst in der Version 1.4.3 mit dem Nivo Slider Addon, dann in der Version 1.3.2 mit dem Lightbox Addon. Das könnte durchaus die Ursache des Problems sein.

Deaktivier mal das Lighbox Addon und gucke, ober der Nivo Slider dann funktioniert.

[Xong]

Außerdem solltest du darauf achten, wann und wie du das jQuery-$ benutzt.

Ich nutze das zwar auch, kapsele aber meinen jQuery-Code immer so:

Code: Alles auswählen

(function($)
{
  $(document).ready(function()
  {
    // jQuery-Code
  });
}(jQuery));

[sabo]

ah ja daran wirds liegen ich schau mal vielen dank, zumindestens bekomme ich jetzt schon mal den loader für die slideshow, lightbox hatte ich gestern nachinstalliert lief davor also auch nicht

[sabo]

so also du hattest recht, ich musste lightbox, rexfancy, gsfancybox deaktivieren dann läuft es, die kapselung nehm ich im headbereich vor oder? z.B. hab ich es schon beim FAQ Modul gemacht in der form ...

Code: Alles auswählen

<!-- FAQ jQuery -->
<script type="text/javascript"> 
$(document).ready(function() { 
$('.faq h3').each(function() { 
var tis = $(this), state = false, answer = tis.next('div').hide().css('height','auto').slideUp(); 
tis.click(function() { 
state = !state; 
answer.slideToggle(state); 
tis.toggleClass('active',state); 
}); 
}); 
}); 
</script>

nochmals vielen dank

[Xong]

Hi sabo!

so also du hattest recht, ich musste lightbox, rexfancy, gsfancybox deaktivieren dann läuft es, die kapselung nehm ich im headbereich vor oder?

Das hat nichts mit dem Headbereich zu tun, sondern mit script-Elementen.

So sieht das bei mir aus, wenn ich JS einbinde:

Code: Alles auswählen

<script type="text/javascript">/* <![CDATA[ */
(function($)
{
  $(document).ready(function()
  {
    // jQuery-Code
  });
}(jQuery));
/* ]]> */</script>

[sabo]

alles klar jetzt hab ich es begriffen, vor allem es läuft!!! Ich hab nochmal die Übeltäter eingegrenzt und festgestellt, das es nicht mit den addons lightbox und rexfancybox verträgt. Jedenfalls nicht so wenn man sie als addons einfach so installiert hat. Wieder was gelernt, danke LG

[jeje]

Hallo Sabo,

ich stehe gerade vor dem gleichen Problem, bei mir funktioniert wohl der Nivo Slider aber Lightbox funktioniert nicht mehr.

Wie war Deine Lösung, kannst Du die Lösung hier Posten?

Gruß
Jeje

[Ingo]

Setz mal einen Link zum Problem, dann kann man dir auch helfen. Alles andere ist Raterei.

[jeje]

Na Ja mit raten hat das wohl nichts zu tun, das Problem wurde hier ja schon behandelt und der Fehler liegt wahrscheinlich, so wie Du es ja schon erkannt hast

Du bindest jQuery zweimal ein. Erst in der Version 1.4.3 mit dem Nivo Slider Addon, dann in der Version 1.3.2 mit dem Lightbox Addon. Das könnte durchaus die Ursache des Problems sein.

Bei mir ist es halt genau umgekehrt der Nivo läuft nur Lightbox wird nicht mehr angezeigt (Bild wird in einer neuen Seite angezeigt ohne Lightbox effekt).

Mich hätte die Lösung von Sabo interessiert wie er das Problem umgangen ist.

Gruß
Jeje

[karlnappmitdenasskap]

Hallo,

ich habe auch das Problem, dass sich bei mir bei ner REX 4.4.1 Installation MD Slideshow u. Nivo Slider nicht miteinander vertragen wollen.

Im Template habe ich im head-Bereich folgendens stehen:

Code: Alles auswählen

//--- Nivo Slider
<link rel="stylesheet" href="./nivo-slider/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="./nivo-slider/nivo-slider-config.css" type="text/css" media="screen" />
<script type="text/javascript" src="./nivo-slider/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="./nivo-slider/jquery.nivo.slider.pack.js"></script>

//--- AD Gallery
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $REX['HTDOCS_PATH'] ?>files/jquery.ad-gallery.js?rand=995"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/jquery.ad-gallery.css" />

So wird mir dann einfach der Nivo Slider nicht angezeigt.
Nehme ich die AD-Gallery heraus, funzt Nivo Slider wieder einwandfrei.
Problematisch ist sicher die - doppelte - Einbindung einer sog. jquery-X.X.X.min.js.

Gibts da schon irgendwie ne Lösung wie man doch beides verwenden kann?

Gruß!

[jeje]

Hallo,

ich nutze das AddOn Lightbox überhaupt nicht mehr, zum einen ist es eine alte Version von Lightbox und es fügt automatisch noch mal jquery hinzu was zu Problemen führt.

Ich nutze seit einiger Zeit PrettyPhoto. Hier brauchst Du nur die Dateien wie beschrieben einzubinden ein Modul anpassen wie z.B. das hier:
Eingabe:

Code: Alles auswählen

Bilder auswählen<br />
REX_MEDIALIST_BUTTON[1]

Ausgabe:

Code: Alles auswählen

<?php

// Redaxo Modul by
// mauer design - corporate & new media
// Designbüro // Rüdesheim am Rhein, Rheingau
// Internet: www.mauer-design.com

if ("REX_MEDIALIST[1]" != "")
{
// Skalierung des Thumbnails definieren (z.B. 200w oder 100a)
$srcthumbnail = 'index.php?rex_resize=100c__100h__';

// Skalierung des Lightbox Bildes definieren (z.B. 200w oder 100a)
$srclightbox = 'index.php?rex_resize=800w__';

// Filter für Bilde definieren (z.B. sepia, sharpen)
$filter = '&rex_filter[]=sharpen';

// Anlegen eines Arrays für die ausgewählten Bilder
$arr = explode(",","REX_MEDIALIST[1]");

// Starten einer Schleife 
foreach ($arr as $value) {

// Auslesen des Bildtitels aus dem Medienpool
$media = OOMedia::getMediaByName("$value");
$title = $media->getTitle();

// Ausgabe des Bildes für das Backend 
if ($REX['REDAXO']) 
{ $srcthumbnail = '../'. $srcthumbnail; }

// Ausgabe des Bildes inkl. Resize 
echo "
<a title=\"$title\" href=\"$srclightbox$value$filter\" rel=\"prettyPhoto[mixed]\">
<img src=\"$srcthumbnail$value$filter\" alt=\"$title\" title=\"$title\" class=\"ssgthumb\" />
</a>";
}
}
?>

und schon ist das Problem gelöst.

Ich hoffe das hilft.

Gruß
Jochen

[Ingo]

Man muss doch nur den jQuery Aufruf in einem der beiden Addons rausnehmen. Dazu sucht man die betreffende Zeile in der config.inc.php des Addons und löscht sie/ kommentiert sie aus.

[jeje]

Kann man, bleibt aber immer noch die alte Lightbox Version die in einigen IE Probleme macht.

Gruß
Jochen