Jquery Slideshow auf Startseite

[chanlu]

Ich versuche gerade eine Jquery Slideshow auf die Startseite zu bringen. Jedoch fehlen mir die nötigen Kenntnisse, welche Dateien erstellt und welche Codes verwendet werden müssen.

Hat damit jemand Erfahrung bzw. das schon einmal eingebaut?

Flash wäre auch eine mögliche Alternative - möchte ich aber nur an zweite Stelle setzen.

Es soll im Prinzip so aussehen, dass 5 verschiedene Produktbilder sliden und jeweils mit Link auf eine bestimmte Produktkategorie verweisen.

Vielleicht kann mir jemd helfen?

 

[sabinabest]

AW: Jquery Slideshow auf Startseite

Hi,

ich nutze für so was Namo FreeMotion. Und finde die Super Damit kann man alles machen und nicht nur Slideshows!

LG

 

[warphead]

AW: Jquery Slideshow auf Startseite

Schau mal hier ein gutes Tutorial.

Automatic Image Slider w/ CSS & jQuery | Simple Image Slider Tutorial | jQuery Slider | jQuery Image Rotator | jQuery Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka

 

[chanlu]

AW: Jquery Slideshow auf Startseite

vielen dank erst einmal für die antworten!

@warphead: bei dir sieht es genauso aus, wie ich das haben möchte.

Könntest du evtl. genau schildern, was ich machen muss, damit es so ausschaut? Ich steh grad aufm Schlauch.

 

[chanlu]

AW: Jquery Slideshow auf Startseite

Wenn ich den Code so übernehme, wie er auf der sohtanaka.com Seite zu sehen ist, stehen meine Bilder untereinander und den paging-balken gibt es garnicht, dafür aber die nummer 1-4 ganz unten unter den bildern...

Irgendwas ist krumm

 

[warphead]

AW: Jquery Slideshow auf Startseite

Hallo Chanlu

hast du den jquery pfad angegeben ?

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

die Datei hier auch noch hochladen und einbinden

http://www.warphead.ch/script/slider.js

<script type="text/javascript" src="http://www.deineseite.de/dein_ordner/slider.js"></script>


Gruss Thomas

 

[rschein]

AW: Jquery Slideshow auf Startseite

also ich habe deine Anleitung befolgt, und leider habe ich den selben Fehler wie chanlu...

 

[chanlu]

AW: Jquery Slideshow auf Startseite

Ich habe in der Zwischenzeit eine andere Variante integriert, die läuft. Aber du hast recht, dass ich den falschen pfad angegeben hatte in deiner slideshow.

Ich benutze jetzt folgende jquery slideshow

Die ist einfach erklärt auf der Page und einfach integrierbar.

@rschein: bei Fragen einfach PM...hab zwar einige Zeit gebraucht, aber das kriegt man hin (ohne Vorkenntnisse)!

 

[rschein]

AW: Jquery Slideshow auf Startseite

Sorry, für den Doppelpost, aber ich hab glaub ich vorerst die Lösung für das untereinander:

und zwar muss die Reihenfolge beachtet werden!!
1. skript jquery laden lassen
2.

<div class="main_view">
    <div class="window">
        <div class="image_reel">
            <a href="#"><img src="reel_1.jpg" alt="" /></a>
            <a href="#"><img src="reel_2.jpg" alt="" /></a>
            <a href="#"><img src="reel_3.jpg" alt="" /></a>
            <a href="#"><img src="reel_4.jpg" alt="" /></a>
        </div>
    </div>
    <div class="paging">
        <a href="#" rel="1">1</a>
        <a href="#" rel="2">2</a>
        <a href="#" rel="3">3</a>
        <a href="#" rel="4">4</a>
    </div>
</div>

3. Slider Skript


Jedoch habe ich dsa problem, dass mein Sliderskript nicht gestartet wird

 

[chanlu]

AW: Jquery Slideshow auf Startseite

im js-Ordner eigentlich bereits das jquery-1.4.2.js enthalten, was für diese slideshow notwendig ist, meine ich. ansonsten wie warphead beschrieben runterladen und hoch damit in den js-ordner.

Danach muss im Adminbereich > Startseite > Inhalt schreiben nur noch folgendes rein:

<script type="text/javascript" src="http://www.deineseite.de/dein_ordner/slider.js"></script>
<div class="main_view">
    <div class="window">
        <div class="image_reel">
            <a href="#"><img src="reel_1.jpg" alt="" /></a>
            <a href="#"><img src="reel_2.jpg" alt="" /></a>
            <a href="#"><img src="reel_3.jpg" alt="" /></a>
            <a href="#"><img src="reel_4.jpg" alt="" /></a>
        </div>
    </div>
    <div class="paging">
        <a href="#" rel="1">1</a>
        <a href="#" rel="2">2</a>
        <a href="#" rel="3">3</a>
        <a href="#" rel="4">4</a>
    </div>
</div>

das wars eigentlich...

 

[rschein]

AW: Jquery Slideshow auf Startseite

Hallo,

also es geht leider bei mir immer noch nicht

Ich habe jetzt folgendes beim Inhalt der Startseite geschrieben:

<script type="text/javascript" src="http://www.pelango.de/templates/JTL-Shop3-Tiny/js/jquery-1.4.2.js"></script>

<script type="text/javascript" src="http://www.pelango.de/templates/JTL-Shop3-Tiny/js/slider.js"></script>
<div class="main_view">
    <div class="window">
        <div class="image_reel">
            <a href="#"><img src="slider_pictures/reel_1.jpg" alt="" /></a>
            <a href="#"><img src="slider_pictures/reel_2.jpg" alt="" /></a>
            <a href="#"><img src="slider_pictures/reel_3.jpg" alt="" /></a>
            <a href="#"><img src="slider_pictures/reel_4.jpg" alt="" /></a>
        </div>
    </div>
    <div class="paging">
        <a href="#" rel="1">1</a>
        <a href="#" rel="2">2</a>
        <a href="#" rel="3">3</a>
        <a href="#" rel="4">4</a>
    </div>
</div>

Selbst wenn ich am Anfang nicht das Skript lade, geht es nicht.
Oder wo soll das jquery geladen werden?

 

[rschein]

AW: Jquery Slideshow auf Startseite

Ok, ich habs....

Folgender fehler, den ich überlesen habe

In der CSS von dem gewählten template muss der Quelltext von Style -css hinzugefügt werden

Danke für die Mühe

 

[chanlu]

AW: Jquery Slideshow auf Startseite

Ich habe die sohtanaka-slideshow auch eingebaut. Das die im IE nicht anläuft hast gesehen

Ich weiß leider nicht wieso - Du/Ihr?

 

[chef1568]

AW: Jquery Slideshow auf Startseite

Hallo, Habe die Slideshow bei mir eingebaut und sie funktioniert auch.
Leider passt die Bildergröße noch nicht.
Das erste Bild passt, aber beim 2.ten geht der Slide schon zu weit. (ich denke 790px)

Im CSS habe ich bereits die Größe angepasst:

.window {
height:236px; width: 658px;
.......

Aber das wars noch nicht

 

[rschein]

AW: Jquery Slideshow auf Startseite

sind die bilder gleich große?

@chanlu, kann dir leider bei deinem plugin nicht dienen
sry

LG

 

[chef1568]

AW: Jquery Slideshow auf Startseite

Ja,
alle Bilder sind 236 x 658px
zu sehen unter Startseite

 

[chef1568]

AW: Jquery Slideshow auf Startseite

Keine Ahnung...jetzt gehts auf einmal

 

[rschein]

AW: Jquery Slideshow auf Startseite

ich wollt grad sagen bei mir gehts

 

[german]

AW: Jquery Slideshow auf Startseite

hallo jungs und mädels, ich stehe gerade auf dem schlauch,

wo füge ich den bitte den code ein um im content die anzeige des sliders zu bekommen?

im alten shop habe ich dieses über links-kopf-(link namens startseite) gemacht, im 3 er checke ich es nicht!

danke eurer hilfestellung hierfür.

 

[ag-websolutions.de]

AW: Jquery Slideshow auf Startseite

http://forum.jtl-software.de/user-helfen-usern/31966-image-slider-gesucht.html#post203721

gerade fertig geworden