pragmaMx Support Forum

pragmaMx => Individuelle Anpassungen => Thema gestartet von: drag81 am 12 Juni 2009, 23:36:04

Titel: Einbau von slidesshows funktioniert nicht
Beitrag von: drag81 am 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!
Titel: Re: Einbau von slidesshows funktioniert nicht
Beitrag von: NDeezign am 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  :bye:
Titel: Re: Einbau von slidesshows funktioniert nicht
Beitrag von: drag81 am 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
Titel: Re: Einbau von slidesshows funktioniert nicht
Beitrag von: NDeezign am 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 ;)
Titel: Re: Einbau von slidesshows funktioniert nicht
Beitrag von: drag81 am 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">

<!-- START more_header -->
   <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>
<!-- END more_header -->
</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
Titel: Re: Einbau von slidesshows funktioniert nicht
Beitrag von: NDeezign am 18 Juni 2009, 12:47:19
Hast du keinen Doctype in deiner theme.html?

Nimm mal nachstehenden Code:


<!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:

<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:

<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  :bye: