[GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

PatriziaF · 07. Oktober 2011 14:35

Hallo liebe CMSMSler,

habe die Module Showtime Slideshow (2.0.4) und Album (0.9.3) im meinem CMS (1.9.4.1) installiert.
funktioniert alles auch so weit problemlos.

einzig auf den Seiten wo Galerien vom Modul Album eingebunden sind, funktioniert der Slider nicht mehr (keine Slideshow mehr, es wird nur ein Bild gezeigt).

Website: www.kanuverband.at
--> Menüpunkt Galerie

Bitte um Unterstützung!

DANKE U LG aus Österreich
PatriziaF

NaN · 07. Oktober 2011 15:53

Ein Blick in die Fehlerkonsole macht Dich schlauer wink

$("#slideshow_1") is null

D.h. das Element <div id="slideshow_1"> kann nicht gefunden werden.

Du lädst ganze 28 Javascripts ! yikes
Einige davon sogar doppelt und dreifach.
Noch dazu zwei unterschiedliche Frameworks: jQuery und Prototype, die beide die selbe Variable '$' verwenden.
D.h. sobald Prototype geladen wurde, ist mit jQuery nichts mehr anzufangen.
Du musst da erstmal beim Album Modul aufräumen, welche Scripts Du wirklich brauchst.

Dann würde ich direkt nachdem jQuery geladen wurde erstmal mit

Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript">jQuery.noConflict()</script>

dafür sorgen, dass sich Prototype und jQuery nicht in die Quere kommen. Dann musst noch die Aufrufe, die zum Showtime gehören abändern und alle '$' in 'jQuery' umbenennen.

PatriziaF · 07. Oktober 2011 16:03

Danke für die rasche Antwort - dann mach ich mich mal ans aufräumen. der Saustall kam wohl durch das viele Installieren und Deinstallieren diverser Banner-Module & Co zusammen ;-)

LG Patrizia

PatriziaF · 12. Oktober 2011 10:12

Hallo NaN,

also ich hab mir das Template angesehen und außer dem lade ich nichts:
<link href="modules/Album/css/stylesheet.css" rel="stylesheet" type="text/css"/>

dann hab ich noch die Datei "jquery.cycle.all.min.js" abgeändert und hab die var $ in jquery1 geändert. und ich hab das script eingefügt:
<script type="text/javascript">jQuery1.noConflict()</script>

da es noch immer nicht funktioniert lautet meine frage daher: was hab ich falsch gemacht?

und danke für deine antwort!

lg patrizia

piratos · 12. Oktober 2011 10:24

jquery1 gibt es nicht. jquery schon.

Seite mit Chrome aufrufen, Element überprüfen und Ressourcen ansehen, dann kommt man ohne weitere Hilfsmittel auf die Fehler.

PatriziaF · 12. Oktober 2011 10:44

hallo piratos,

danke für die info. nur leider kann ich damit nicht viel anfangen.

ich hab soweit verstanden dass sowohl album als auch die slideshow die variable $ beschreiben wollen. deswegen hab ich ja die variable $ durch jquery1 ersetzt. aber es geht noch immer nicht.

ich denke ja mal dass ich einfach noch welche übersehen habe, aber ich weiß nicht in welchen dateien. da ich alle die ich sehe, dass aufgerufen werden (jquery.cycle.all.min.js und jquery-1.4.2.js) überprüft habe und dort nirgendswo mehr eine $variable vorkommt.

bitte danke für deine hilfe

piratos · 12. Oktober 2011 11:15

Die Hilfestellung -> Chrome -> Elemente prüfen ist allgemein und steht auch über FF und Firebug zur Verfügung - das sollte man immer anwerfen.

NaN schrieb etwas von <script type="text/javascript">jQuery.noConflict()</script> und nicht von jquery1.

Vielleicht sollte man das auch dann laden wenn jquery selbst vorhanden ist.

NaN · 12. Oktober 2011 11:21

Ähm... da hast Du etwas vollkommen missverstanden. Du solltest nichts in irgendwelchen Dateien ändern. Du solltest lediglich nachdem jQuery geladen wurde, jQuery mitteilen, dass es bitte nicht unter $ erreichbar sein soll, sondern unter etwas anderem. Und das geht mit

Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript">jQuery.noConflict()</script>

Da muss also irgendwo ein Link zum jQuery-Javascript stehen. Im Seiten-Template oder im Modul-Template oder oder oder ... irgendwo muss es sein. Und direkt da drunter dann diesen Code.

PatriziaF · 12. Oktober 2011 11:45

Das ist wie die Suche nach der Stecknadel im Heuhaufen ;-)

könnte es das sein:

Hier klicken, um den Code zum Kopieren zu markieren

<!-- generated by showtime Module start -->
        <script type="text/javascript">
        {literal}
        $(document).ready(function(){
            var lastslide=0;
            $("#slideshow_{/literal}{$showid}{literal}").css("overflow", "hidden");
            $('ul#slides_{/literal}{$showid}{literal}').cycle({ {/literal}
            {if $show.st_showtext || $show.st_showcomment}before: onbefore_{$showid},{/if}
            fx: '{$show.st_transition}',
            speed:    {$show.st_transitiontime}, 
            timeout:  {$show.st_rotatetime},
            {if $show.st_navbut}pager:      '#slideshow_nav_{$showid}',{/if} 
            pagerEvent: 'mouseover',
            {if !$show.st_autoplay}timeout: 0,{/if}

            {if $show.st_shuffle}random: 1,{/if}
            fastOnEvent: false,
            pauseOnPagerHover: true,
            prev: '#prev_{$showid}',
            next: '#next_{$showid}'{if $show.st_showtext || $show.st_showcomment},
            after: onafter_{$showid}{/if} {literal}
            });
            
            $("#slideshow_{/literal}{$showid}{literal}").hover(function() {
                $("ul#prevnextnav_{/literal}{$showid}{literal}").fadeIn();
            },
                function() {
                $("ul#prevnextnav_{/literal}{$showid}{literal}").fadeOut();
            });
        {/literal}{if $show.st_showtext || $show.st_showcomment}{literal}
            function onbefore_{/literal}{$showid}{literal}() {
                $('#com_{/literal}{$showid}{literal}_'+lastslide).clearQueue();
                $('#com_{/literal}{$showid}{literal}_'+lastslide).hide();
            }
            function onafter_{/literal}{$showid}{literal}(curr, next, opts) {
                var index = opts.currSlide;
                var indexlast = opts.lastSlide;
                $('#com_{/literal}{$showid}{literal}_'+index).queue(function (){
                    lastslide=index;
                    $(this).delay(500);
                    $(this).fadeIn('slow');
                    $(this).dequeue();
                });
            }
        {/literal}{/if}{literal}
        });

        {/literal}
        </script>

        <div id="slideshow_{$showid}" class="pics">
            {if $show.st_showtext || $show.st_showcomment}
            <div id="comments_st_{$showid}">
            {foreach from=$items item=entry}
                <div id="com_{$showid}_{$entry->slide_id}" class="commentsparts_st_{$showid}">{if $show.st_showtext}<h2>{$entry->picture_name}</h2>{/if}{if $show.st_showcomment}{$entry->comment}{/if}</div>
                {/foreach}
            </div>
            {/if}
        
        {if $show.st_showcontrols}
            <ul id="prevnextnav_{$showid}">
                    <li id="prev_{$showid}"><a href="#">Previous</a></li>
                    <li id="next_{$showid}"><a href="#">Next</a></li>
            </ul>
        {/if}
         {if $show.st_navbut}
            <div id="slideshow_nav_{$showid}" class="slide_nav_{$showid}"></div>
         {/if}
        
            <ul id="slides_{$showid}">
            {foreach from=$items item=entry}
                <li>{if $entry->picture_url == ""}{$entry->picture}
                    {else}<a href="{$entry->picture_url}" target="{$show.st_target}">{$entry->picture}</a>{/if}
                </li>
             {/foreach}
           </ul>              
        </div> 

<!-- generated by showtime Module end -->

NaN · 12. Oktober 2011 14:08

Nein, das ist ein fertiges Script. Auch inline Script genannt, weil es nicht von irgendwoher - extern - geladen wird, sondern direkt im HTML Quellcode steht.
Ich meinte sowas:

Hier klicken, um den Code zum Kopieren zu markieren

<!--LOAD SHOWTIME jQuery-->
    <script type="text/javascript" src="http://www.kanuverband.at/modules/Showtime/templates/jquery/jquery-1.4.2.js" ></script>
    <script type="text/javascript" src="http://www.kanuverband.at/modules/Showtime/templates/jquery/jquery.cycle.all.min.js" ></script>
<!--END SHOWTIME-->

Am besten direkt dazwischen den von mir genannten Code einfügen.
(Ich weiß allerdings nicht wo genau das herkommt. Auf jeden Fall vom Showtime Modul.)

Das was Du gefunden hast, ist aber auch nicht verkehrt. Denn dort muss Du alle Dollarzeichen in 'jQuery' umbenennen.
Falsch! Nicht alle. Nur die, die zum Javascript gehören. Also '$(' oder '$.' .

Dann hast Du aber noch ein anderes Problem. Denn offenbar verwendest Du mehrere Alben auf der Seite.
Das Problem ist, dass jedes Album sein eigenes Template hat.
Dieses Template wird für jedes Album immer wieder erneut verarbeitet.
In dem von Dir verwendeten Album-Template wird besagtes Prototype geladen.
D.h. Prototype wird für jedes Album immer wieder erneut geladen.
Das ist ein bekanntes Problem beim ALbum Modul und kann zu Fehlern bei der Darstellung führen.
Die einfachste Lösung dafür wäre, die Javascripts des Albums aus dem Album-Template herauszunehmen und direkt ins Seitentemplate zu packen. Die Rede ist von diesen Zeilen im Album-Template:

Hier klicken, um den Code zum Kopieren zu markieren

<!--Lightbox 2.0.2-->
<script src="modules/Album/templates/db/lightbox/js/prototype.js" type="text/javascript">
<script src="modules/Album/templates/db/lightbox/js/scriptaculous.js?load=effects" type="text/javascript">
<script src="http://www.kanuverband.at/modules/Album/templates/db/lightbox/js/effects.js" type="text/javascript">
<script src="modules/Album/templates/db/lightbox/js/lightbox.js" type="text/javascript">
<script src="modules/Album/templates/db/js/SMRcode.js" type="text/javascript" language="javascript">

Der einzige Nachteil, der dadurch entsteht ist, dass diese Javascripte dann immer geladen werden, auch wenn garkein Album da ist.
Das würde die Seite insgesamt verlangsamen.
Besser wäre es, für die Galerie-Seite entweder ein extra Template anzulegen, bei dem dann die benötigten Javascripte drin stehen, oder im Template einfach abzufragen, ob das Alias der aktuellen oder der übergeordneten Seite gerade 'galerie' heißt und nur dann die Javascripte auszugeben, wenn das der Fall ist.

Aber ehrlich gesagt würde ich Dir lieber das Modul Gallery empfehlen, weil es meiner Meinung nach einfacher zu bedienen ist, aktueller ist, weiterhin gepflegt wird und fertige Templates mit jQuery verwendet. D.h. dann kannst Du Dir das ganze Prozedere da oben sparen und musst nur aufpassen, dass jQuery nicht doppelt und dreifach geladen wird.
(Ist nur ein Vorschlag. Der bringt aber Arbeit mit sich, weil Du evtl. die ganzen Alben wieder neu strukturieren musst.)

PatriziaF · 12. Oktober 2011 14:16

Hast du eventuell einen Link für mich zu dem Modul?
irgendwie funktioniert die Site nämlich nicht:
http://dev.cmsmadesimple.org/

NaN · 12. Oktober 2011 14:18

Ja, die haben gerade Probleme.
Mal gehts, mal ist nichts erreichbar.
Der Link zum Album Gallery Modul wäre dieser hier: http://s3.amazonaws.com/cmsms/downloads … -1.4.4.rar

Edit: Sorry, falscher Link.

Beitrag geändert von NaN (12. Oktober 2011 14:36)

PatriziaF · 12. Oktober 2011 14:33

ich dachte Gallery Modul?
Weil das Album Modul (0.9.3) hab ich ja installiert ;-)

EDIT: dev geht wieder - habs schon ;-)

Beitrag geändert von PatriziaF (12. Oktober 2011 14:34)

PatriziaF · 13. Oktober 2011 13:52

also ich bin begeistert von dem gallery album - viel einfach zum handhaben.
hab das mal schnell alles umgestellt auf das gallery album.

das problem ist aber leider noch immer da.
ich hab auch im gallery modul nichts gefunden wo ich irgendwie was umschalten kann.

ich bin irgendwie a ziemliches nackerbatzl und weiß nimma weiter.

NaN · 13. Oktober 2011 14:13

Probier doch mal ein anderes Gallery-Template. Z.B. Fancybox oder Lytebox.

PatriziaF · 13. Oktober 2011 14:44

ma voi super danke! mit lytebox gehts!

BIN AUF EWIG DANKBAR!

lg patrizia

Forum für CMS/made simple

#1 07. Oktober 2011 14:35

[GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#2 07. Oktober 2011 15:53

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#3 07. Oktober 2011 16:03

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#4 12. Oktober 2011 10:12

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#5 12. Oktober 2011 10:24

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#6 12. Oktober 2011 10:44

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#7 12. Oktober 2011 11:15

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#8 12. Oktober 2011 11:21

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#9 12. Oktober 2011 11:45

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#10 12. Oktober 2011 14:08

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#11 12. Oktober 2011 14:16

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#12 12. Oktober 2011 14:18

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#13 12. Oktober 2011 14:33

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#14 13. Oktober 2011 13:52

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#15 13. Oktober 2011 14:13

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

#16 13. Oktober 2011 14:44

Re: [GELÖST] Showtime Slideshow vs. Album - fehlerhafte Darstellung Slideshow

Fußzeile des Forums