Zum Inhalt springen

Problem mit rgslideshow

Erstellt am 13. November 2009 · 5 Antworten · letzte Antwort am 28. September 2010

Tags: Frage

TypoRob ·

Moin!

Ich bin gerade dabei die rgslideshow einzubinden. Die Installation und Einrichtung ist ja laut Manual wirklich einfach, aber leider zeigt mir die Extension keine Bilder an, der Bereich, in dem die Bilder angezeigt werden sollen, bleibt weiß.

Die Slideshow taucht also auf der Seite auf, auch der Tooltip-Text aus der Beschreibung wird angezeigt, aber die Bilder sind leider nicht zu sehen. Es macht auch keinen Unterschied, wenn ich die Bilder anders referenziere, ich habe es probiert mit "Auswahl von einem Ordner" sowie "Auswahl von Bildern". Die Bilder sind definitiv da und in Ordnung, da ja im BE die Vorschaubilder richtig angezeigt werden.

Ich habe zum Testen erst einmal 4 Bilder genommen. Mich wundern auch ein wenig die Nullen in der Navigation der Slideshow.

Hat jemand eine Ahnung wo das Problem liegen könnte? Bin leider völlig ratlos!

- TYPO3 4.2.10 mit rgslideshow 1.4.0

[UPDATE]

Hab' gerade festgestellt, dass im IE 8 zumindest das erste Bild angezeigt wird, im FF bleibt der Bereich weiß. Wenn ich im FF allerdings einen Rechtsklick mache im weißen Bereich und dann auf "Grafik anzeigen" gehe, dann zeigt er mir das Bild an!

Allerdings ist auch im IE nur das eine Bild zu sehen und die Navigation funktioniert nicht, NEXT und PREV führen immer nur zu dem ersten der 4 Bilder.

Habe auch testweise mal jegliche eigenen Stylesheets für diese Seite rausgenommen, ohne Wirkung. Im Quelltext der Seite findet sich folgendes:

Code:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 
    This website is powered by TYPO3 - inspiring people to share!
    TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
    TYPO3 is copyright 1998-2009 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
    Information and contribution at http://typo3.com/ and http://typo3.org/
-->
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_cbbd72ad9e.css" />
<link rel="stylesheet" type="text/css" href="typo3conf/ext/commerce/res/css/commerce.css" title="CSS-Style for Commerce Extension" media="all" />
<script type="text/javascript" src="typo3conf/ext/kj_imagelightbox2/res/lightbox2.04/js/prototype.js"></script>
<script type="text/javascript" src="typo3conf/ext/kj_imagelightbox2/res/lightbox2.04/js/scriptaculous.js?load=effects,builder"></script>
<link rel="stylesheet" href="typo3conf/ext/kj_imagelightbox2/res/lightbox2.04/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript">
                        //  Configurationl
            LightboxOptions = Object.extend({
                fileLoadingImage:            'typo3conf/ext/kj_imagelightbox2/res/lightbox2.04/images/loading.gif',
                fileBottomNavCloseImage:     'typo3conf/ext/kj_imagelightbox2/res/icons/cross.png',
                overlayOpacity:             0.8,
                animate:                     true,
                resizeSpeed:                 13,
                borderSize:                 10,
                labelImage:                 "Bild",
                labelOf:                     "von",

                // add kjLightbox var for kj_imagelightbox2
                presentation_showLabelImage:1,
                presentation_showImageCaption:1,
                saveMode:                    1,
                printMode:                    1,
                fileSaveModeImage:            'typo3conf/ext/kj_imagelightbox2/res/icons/bullet_disk.png',
                fileSavePrintImage:            'typo3conf/ext/kj_imagelightbox2/res/icons/printer.png',

                printPage:                    'typo3conf/ext/kj_imagelightbox2/lib/class.tx_kjimagelightbox2_print.php'

            }, window.LightboxOptions || {});
        </script>
<script type="text/javascript" src="typo3conf/ext/kj_imagelightbox2/res/lightbox2.04/js/lightbox.js"></script>
<!-- mouseover effect -->
<style type="text/css">
                    <!--
                        /* Image library */
                        .lightboxSpan { position:relative; display:block; }

                        .lightboxSpan img.preview { display: none; border: 1px solid #000; position: absolute; top: -10px; left: -30px; z-index: 999; }
                        .lightboxSpan a.preview { display: none; }

                        .lightboxSpan a:hover .preview,
                        .lightboxSpan a:focus .preview,
                        .lightboxSpan a:active .preview { display: block;  }
                        
                        
                        
                        DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; width: auto !important;}
                    -->
                </style>
<title>-----------: Standort</title>
<meta name="generator" content="TYPO3 4.2 CMS" />
<script type="text/javascript" src="typo3temp/javascript_93077bb238.js"></script>
<script src="typo3conf/ext/rgslideshow/res/mootools.v1.11.js" type="text/javascript"></script>
<script src="typo3conf/ext/rgslideshow/res/rgslideshow.js" type="text/javascript"></script>
<link rel="stylesheet" href="typo3conf/ext/rgslideshow/res/rgslideshow.css" type="text/css" />
</head>
<body>
<div id="container">
  <div id="mitte">
    <div id="main">
      <!--  CONTENT ELEMENT, uid:30/list [begin] -->
      <a id="c30"></a>
      <!--  Header: [begin] -->
      <div class="csc-header csc-header-n1">
        <h1 class="csc-firstHeader">RGSlideshowtest</h1>
      </div>
      <!--  Header: [end] -->
      <!--  Plugin inserted: [begin] -->
      <div class="tx-rgslideshow-pi1" id="rgslideshow-30" style="width:700px;height:700px;"><img src="uploads/tx_rgslideshow/Bild_151.jpg" width="420" height="630" border="0" alt="Bilder von den Baumaßnahmen am neuen Standort Bickenbach" title="Bilder von den Baumaßnahmen am neuen Standort Bickenbach" /><img src="uploads/tx_rgslideshow/Bild_152.jpg" width="420" height="630" border="0" alt="" title="" /><img src="uploads/tx_rgslideshow/Bild_153.jpg" width="630" height="420" border="0" alt="" title="" /><img src="uploads/tx_rgslideshow/Bild_154.jpg" width="421" height="630" border="0" alt="" title="" /></div>
      <script type="text/javascript">
                  window.addEvent("domready", function(){
                    var slideshow30 = new SimpleSlideShowDemo(
                      $$("#rgslideshow-30 img"),{smallNavigation:false});
                  });  
                </script>
      <!--  Plugin inserted: [end] -->
      <!--  CONTENT ELEMENT, uid:30/list [end] -->
    </div>
</div>
</body>
</html>

Interessanterweise tauchen hier die 4 Bilder im Quelltext auf! Wenn ich im FF in der Quelltextansicht den Links folge, werden die Bilder angezeigt, d.h. sie sind vorhanden.

Ich sehe gerade: Im Erweiterungsmanager unter Loaded Extensions/rgslideshow/Information taucht eine Warnung auf, könnte es daran liegen?

Code warnings: The XCLASS filename-key "ext/rgslideshow/pi1/class.tx_rgslideshow_pi1.php" was different from "ext/rgslideshow/class.tx_rgslideshow_pi1.php" which it should have been!

Danke für Eure Tipps!

MfG,
Rob

just2b ·

prototype und mootools vertragen sich nicht - da musst du dich schon für eines entscheiden

georg
PS: crossposts bitte als solche kennzeichnen

ColonelMillerSG21 ·

Hallo,

Ich habe das selbe Problem mit dieser Extension und habe daher eine Frage:

Zitat: prototype und mootools vertragen sich nicht - da musst du dich schon für eines entscheiden

Wie mach ich das? Gibt es einen Befehl, Prototype zu deaktivieren, oder ähnliches?

fletcherduck ·

Ich habe ein ähnliches Problem mit rgslideshow. Es zeigt mir das erste Bild mit Alt-Text an, aber keine Navigation.
Prototype habe ich nicht installiert, nur T3Mootools.
Ich weiß nicht mehr was ich noch ausprobieren soll... #paralyzed#