HomepageHelfer.org

Waltraut hat geschrieben:Tut mir leid aber, wo in Haeder und ich habe kein eigenes Design, ist nicht bös gemeint , aber für Unwissenden wie mich doch kommpliziert. Wenn ich es in HTLM Seite einfach so einbauen könnte und dann die Bilder vielleicht. Aber welche URL dann oh ich muß noch lernen

Jasko hat geschrieben:Das ist kein Problem darum sind wir hier um einander zu helfen. Im grunde ist der Code einfach, man kopiert ihn so wie er ist in eine Textseite rein (dazu kann man eine demoseite nehmen, die nicht gleich jeder sehen kann) Man kopiert erst den Javascript Code und als naechstes den Code zum aufrufen des Javascript.

Das ist der Javascript Code:

Code: Alles auswählen

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<style type="text/css">

#MeineSlideShow{ /*Beispiel CSS und ID-Name fuer die DEMO*/
border:2px solid black;
}

</style>

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

/***********************************************
* Translucent slideshow- (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

<script type="text/javascript">

var translideshow1=new translideshow({
   wrapperid: "MeineSlideShow", //identifikation des leeren DIV kontainers im HTML Quellcode
   dimensions: [250, 180], //breite/laenge der Slideshow in pixel. Sollte die groesse des groessten Bildes haben.
   //Hier unten kommen die URL der Bilder rein, fuer jedes neue Bild eine neue reihe Setzen
   //wegen der uebersicht und genau so wie im Beispiel arbeiten
   //Syntax:["Bild_URL", "Hier_bei bedarf_Link_angeben", "Hier_bei_bedarf_zielframe_angeben"]
   imagearray: [
      ["http://i26.tinypic.com/11l7ls0.jpg"],  //Einfaches beispiel
      ["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new"], //Ein beispiel der vollen Syntax
      ["http://i30.tinypic.com/531q3n.jpg"],
      ["http://i31.tinypic.com/119w28m.jpg"] //<--kein Komma nach dem aller letztem Bild!
   ],
   displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true}, //pause = Bildanzeigedauer (in milisekunden)
   orientation: "h", //Moegliche Werte: "h" oder "v" h=horizontal, v=vertical
   persist: true, //mercken des letzten slides und wiederaufruf des selben beim nechsten oeffnen?
   slideduration: 400 //Wechselgeschwidigkeit der Bilder (in millisekunden)
})

</script>

Und das hier gleich darunter auf der Textseite platzieren, bzw. da wo die Slideshow zu sehen sein soll. Das ist der Code zum aufrufen des Javascript bzw der Slideshow (ohne Links Vor und Zurueck, um es einfach zu halten.)

Code: Alles auswählen

<div id="MeineSlideShow"></div>

Zu beachten ist nur, das man das ganze im HTML Modus machen soll/muss.

Desweiteren ist dieser Berreich wichtig:
imagearray: [
["http://i26.tinypic.com/11l7ls0.jpg"], //Einfaches beispiel
["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new"], //Ein beispiel der vollen Syntax
["http://i30.tinypic.com/531q3n.jpg"],
["http://i31.tinypic.com/119w28m.jpg"] //<--kein Komma nach dem aller letztem Bild!
],

So ich habe es jetzt mit farben markiert. Die unterstrichenn Codes sind jeweils ein Bild, also leuft diese Slideshow mit 4 Bildern. Das rote Markiert die URL des Bildes (Die Bilder muessen vorher hochgeladen worden sein, und man muss sich die URLs der Bilder mercken bzw. kopieren, damit man diese dan im Code verwenden kann). Das gruene markiert einen Link (das heisst wenn man auf dieses Bild in der Slideshow klickt kommt man auf die Seite wo hin der Link fuehrt). Das gelbe markiert das Ziel (englisch target), in diesem fall _new, das bedeutet das die neue Seite in einem neuen Fenster geoeffnet wird, welche Werte das Atribut target noch haben kann, kann man sich HIER durchelesen.
Fuer jedes neue Bild wird eine neue Zeile mit Komma gemacht, auser fuer das letzte Bild, hinter dem Code fuer das letzte Bild ist kein Komma.

So ich hoffe ich konnte dir etwas mehr helfen, aber bitte prezisiere etwas mehr das Problem das du hast, damit ich nicht raten muss was ich erklaeren soll .