Einbau von slidesshows funktioniert nicht

drag81 · 12 Juni 2009, 23:36:04

Hallo,

ich versuche in einem eigenen Theme; direkt in der theme.html eine slidefunktion (content wrapper) einzubauen, welche beim starten auf der eigenen festplatte funktioniert, so wie sie soll, aber wenn ich sie mit dem pragma zusammen auf dem Server probiere steht das erste Bild und es geht gar nichts.

probiert habe ich es mit

http://code.google.com/p/slideshow/

http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.htm

Weiss jemand wieso das so ist?

mxtabs kann man leider nicht überall einbauen, mehrere tabs erstellen nicht möglich, keine slidefunktion!

NDeezign · 15 Juni 2009, 08:26:17

Moin

achte darauf, dass du den JavaScript Code in den More Header Bereich deiner theme.html einfügst, sonst wird dieser überschrieben.

Falls du eine .js Datei noch verlinken musst, kommt dieser wie gehabt auch in den More Header Bereich und der Pfad muss relativ zu deiner pragmaMx Installion sein.

LG

drag81 · 15 Juni 2009, 12:53:30

hi,

danke fuer den Hinweis, klappt aber dennoch nicht. Nun zeigt er nicht mal mehr das erste Bild an

.

mfg

dragy

NDeezign · 15 Juni 2009, 12:56:03

Hast du auch deinen Themecache geleert? Evlt. auch noch vom Browser ...

Sonst poste mal genau rein, was du wohin eingefügt hast

drag81 · 18 Juni 2009, 11:47:50

huhu,

der themecache ist deaktiviert.

Hier im more header

Zitat
<HEAD>
<TITLE>back</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">


   <title>Slideshow 2!</title>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <meta name="author" content="Aeron Glemann (http://www.electricprism.com/aeron/)" />
   <link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" />
   <script type="text/javascript" src="js/mootools.js"></script>
   <script type="text/javascript" src="js/slideshow.js"></script>
   <script type="text/javascript">
   //<![CDATA[
     window.addEvent('domready', function(){
     var data = {
     '1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' },
     '2.jpg': { caption: 'A Ceibu tree.' },
     '3.jpg': { caption: 'The view from Volcano Maderas.' },
     '4.jpg': { caption: 'Beer and ice cream.' }
     };
     var myShow = new Slideshow('show', data, {controller: true, height: 200, hu: 'images/', thumbnails: false, width: 300});
     });
   //]]>
   </script>

</HEAD>

Im Theme irgendwo eingefügt:

Zitat
<TD ROWSPAN=3 style="background-image:url(images/back_04.jpg);" WIDTH=337 HEIGHT=182 ALT="">


<div id="show" class="slideshow"> <img src="images/1.jpg" alt="Volcano Asención in Ometepe, Nicaragua." />



</TD>

mfg

dragy

NDeezign · 18 Juni 2009, 12:47:19

Hast du keinen Doctype in deiner theme.html?

Nimm mal nachstehenden Code:

Code Auswählen


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/2001/REC-xhtml11-20010531/DTD/xhtml11-flat.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>

<!-- START more_header -->
   <link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" />
   <script type="text/javascript" src="js/mootools.js"></script>
   <script type="text/javascript" src="js/slideshow.js"></script>
   <script type="text/javascript">      
   //<![CDATA[
     window.addEvent('domready', function(){
       var data = {
         '1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' },
         '2.jpg': { caption: 'A Ceibu tree.' },
         '3.jpg': { caption: 'The view from Volcano Maderas.' },
         '4.jpg': { caption: 'Beer and ice cream.' }
       };
       var myShow = new Slideshow('show', data, {controller: true, height: 200, hu: 'images/', thumbnails: false, width: 300});
     });
   //]]>
   </script>
<!-- END more_header -->
</head>

Achte bei diesem Pfaden, dass sie relativ zu deiner pragmaMx Installtion sind:

Code Auswählen

<script type="text/javascript" src="js/mootools.js"></script>
   <script type="text/javascript" src="js/slideshow.js"></script>

So sind sie momentan in deiner pragmaMx-Installtion/ js

Wenn du den js Ordner in deinem Theme Ordner hast, dann ändern diesen relativ wie folgt um:

Code Auswählen

<script type="text/javascript" src="themes/DEIN-THEME/js/mootools.js"></script>
<script type="text/javascript" src="themes/DEIN-THEME/js/slideshow.js"></script>

P.S. Offline wird das ganze dann wiederum nicht funzen, denk dran und nicht wundern

LG

Einbau von slidesshows funktioniert nicht

drag81

NDeezign

drag81

NDeezign

drag81

NDeezign