Seite 1 von 1

Slideshow im Headbereich-wie geht das?

Verfasst: 15.10.2009, 15:00
von micky005
Hallo liebe abakusgemeinde,

Es ist mal was anderes eine slideshow im head bereich der webseite zu verwenden mit langsamm überblendenen fotos ,als ein head banner.

Nur wie mache ich so was mit javascript?
Hat jemand ein einfaches script, in das ich nur meine 3 fotos überblendend in den Head bereich der webseite einbinden kann?
Zeit und Überblendung sollte man einstellen können, oder gibt es dafür kostenlose software tools die das machen?

viele grüße
micky005

Verfasst:
von




Erfolgreiche und optimale Nutzung mit Magento Shopsystemen! Nutzen Sie unsere jahrelange Erfahrung mit Magento Shopsystemen und lassen Sie sich beraten!


Lesen Sie die wichtigsten Magento-Optimierungsmaßnahmen oder kontaktieren Sie uns direkt unter: 0511 / 300325-0


Verfasst: 15.10.2009, 15:06
von Hobby_SEO79
Schau mal auf meine Startseite
https://www.perfekte-website.de dort hast du sowas.

Gugg dir den betreffenden Quellcode an. Dan nschau mal in den header (Quelltext) da hast noch ne .js-Datei. Da steht der Rest. Einfach Quellcode kopieren und an dein Projekt anpassen! ;)

Is total einfach!

Verfasst: 15.10.2009, 16:16
von PSI
Warum wieder neue Baustelle aufmachen?

Bekomm doch erstmals die Wordpress Installation gebacken und dann wirst Du sicherlich bei Eingabe "Wordpress Slideshow" in einer Suma ein Plugin finden...

Falls es dann Probleme beim Einbinden gibt, dann kannst Dich hier wieder melden.

Verfasst:
von

Verfasst: 15.10.2009, 19:05
von tryout
Boah, warum gehste nicht einfach mal googlen, hm?...
Also dafür gibt es nun wirklich Lösungen ohne Ende... :roll:
Und mit dem Einbau klappt`s dann ja doch wieder nicht...
Okay, der war böse... :lol:

Verfasst: 15.10.2009, 20:25
von todo

Verfasst: 16.10.2009, 02:02
von Paul_Kuhn
PSI hat geschrieben:Warum wieder neue Baustelle aufmachen?
Weil ich seine alte Baustelle gerade beseitigt habe...

Ahoi!

Verfasst: 16.10.2009, 02:10
von catcat
Da Du grade in geberlaune bist, Paul_Kunh... ich hätte da noch ein paar domains, wo Du mir nen magento-shop aufsetzten könntest...

Verfasst: 16.10.2009, 02:56
von Paul_Kuhn
Magento-Shop. hmmmmm, wann hab ich nur den letzten aufgesetzt?
Sorry, da muss ich "gerade" passen.

Dafür kann ich aber bei Wordpress-Installationen, simplen WP-Layouts
und vor allem Texten punkten.

Und Litauen wollte ich schon lange mal besuchen, kenne einen dort
lebenden Deutschen...

Ahoi!

Verfasst: 16.10.2009, 09:56
von micky005
Hallo Paul Kuhn,

Vielen Dank für deine rasche und freundliche Hilfe.

veile grüße
micky005

Verfasst: 19.10.2009, 13:11
von micky005
hallo danke für die Tipps.

Habe ein einfaches javascript gefunden und in die webseite eingebaut, aber es läuft nicht, das erste Bild steht.

Hier einmal das script

Script erstellt mit editor und als ts_slide.js ab gespeichert im sleben Verzeichnis wo die webseiten liegen , dieses dann im head bereich verlinkt:
<script type="text/javascript" src="be_slide.js"></script>

Dann in der stelle (ist ein td id=valign top, kein div) in der das Foto steht, im quelltext dann diesen script eingefügt:

id="slideshow">
<img src="pics/pic1.jpg" style="width:177px;height:117px;" />
</div>

Jetzt die javascript Datei ts_slide.js, dise drei Bilder die abwechselnd eingeblenetz werden sollen heissen pic1, pic2, pic3, diese javascript datei liegt ebenfalls im selben verzeichnis der webseiten,

hier die dateI:
//*****parameters to set*****

var def_imges=new Array ('pics/pic1.jpg', 'pics/pic2.jpg', 'pics/pic3.jpg');
//In diesem Array werden die Bilder angelegt, die die Slideshow verwenden soll.

var def_divid="slideshow";
//Das ist die Identity des DIV-Containers,
//in dem die Slideshow angezeigt werden soll

var def_picwid=177;
//Die Breite des breitesten Bildes in Pixel.
//Hinweis: Die Bilder werden vom Script nicht skaliert!

var def_pichei=117;
//Die Höhe des höchsten Bildes in Pixel.
//Hinweis: Die Bilder werden vom Script nicht skaliert!

var def_backgr="#eeeeee";
//Die Hintergrundfarbe der Slideshow. Sie ist von Bedeutung, wenn Bilder
//nicht exakt den - in den beiden vorherigen Parametern angegebenen
//Abmessungen entsprechen.

var def_sdur=3;
//Die Zeit, die ein Bild zwischen zwei Wechseln angezeigt wird in Sekunden

var def_fdur=1;
//Die Zeit, die der Wechsel dauern soll

var def_steps=20;
//Die Anzahl der Schritte, in denen von 100-0 überblendet werden soll
//Ein Wert von 1 bis 100, je höher desto fließender der Wechsel

var def_startwhen="y";
//Soll nach dem Laden automatisch gestartet werden? "y" für Ja, "n" für Nein

var def_shuffle="y";
//Soll mit einem zufälligen Bild begonnen werden? "y" für Ja, "n" für Nein

var def_showcontr="y";
//Sollen Kontrollelemente angezeigt werden? "y" für Ja, "n" für Nein

var def_contr=new Array('bwd.png','start.png','stop.png','fwd.png');
//bei den Kontrollelementen hat man die Wahl zwischen Textlinks und grafischen
//Buttons. In diesem Array werden dementsprechend entweder der Text für die
//Textlinks oder der Pfad zum Button eingetragen. Findet das Script die Endung
//.jpg, .gif oder .png, dann wird der Button angezeigt, ansonsten ein Textlink
//die Reihenfolge der Kontrollelemente und damit auch der Elemente in diesem
//Array ist: ZURÜCK - START - STOP - VOR

//****************************************************************

Wo liegt da der Fehler? das erste Bild, pic1 wird einwandfrei angezeigt, aber, es läuft nur das erste Bild statisch.

Hat da jemand einen Tipp?

viele grüße
micky005

Verfasst: 19.10.2009, 13:34
von Hobby_SEO79
Kann an den Bildpfaden liegen. Probier da mal ein wenig rum - hatte das Problem auch zu Anfang.

Verfasst: 19.10.2009, 13:42
von Paul_Kuhn
Hast du schon mal den Titel des Forums gelesen?
Auch wenn hier Leute bemüht sind, zu helfen, so ist dieses
Forum weder dazu geeignet, dir fundamentale HTML-Kenntnisse
im Schnelldurchlauf zu servieren, noch dich in die Feinheiten der
Webseitengestaltung einzuweisen. Warum wendest du dich nicht
an Profis, statt alles stümperhaft selber zu verhunzen?

Investiere Geld und lass es gleich vernünftig machen, oder zieh
dich in dein Kämmerlein zurück und studiere selfhtml und Konsorten.

Sonst wird das wieder ein Krampf werden (und dieser thread als
mahnendes Beispiel ewig leben)

Ah"hart, aber wahr"oi!

Gerade mal nachgeschaut:
micky005 hat geschrieben:be_slide.js
das ist wirklich die einzige js-Datei auf deinem webspace.
Fehlen da eventuell nicht noch ein paar andere?

Verfasst: 19.10.2009, 13:58
von PSI
Paul_Kuhn hat geschrieben:Hast du schon mal den Titel des Forums gelesen?
Auch wenn hier Leute bemüht sind, zu helfen, so ist dieses
Forum weder dazu geeignet, dir fundamentale HTML-Kenntnisse
im Schnelldurchlauf zu servieren, noch dich in die Feinheiten der
Webseitengestaltung einzuweisen. Warum wendest du dich nicht
an Profis, statt alles stümperhaft selber zu verhunzen?

Investiere Geld und lass es gleich vernünftig machen, oder zieh
dich in dein Kämmerlein zurück und studiere selfhtml und Konsorten.

Sonst wird das wieder ein Krampf werden (und dieser thread als
mahnendes Beispiel ewig leben)

Ah"hart, aber wahr"oi!
Das ist mal eine Ansage.

Das Problem löst sich nicht, indem man alle verfügbaren Infos einstellt.

Lass jemand ran, der sich damit auskennt, ansonsten wird es eine never ending story...