Slideshow mit Bedienfeld (Javascript/Flash)

Fighter · 06.12.2010

Hallo zusammen,
ich habe eine lange suche nach dem richtigen Script hinter mir,
jedoch habe ich bis Dato nie was passendes gefunden
meine Kenntnisse sind leide nicht gerade die besten.
daher würde ich mich freuden wenn wir detailliert in die Materie eingehen könnten.

wie der Titel schon sagt geht es um eine Slideshow

ich habe folgendes Tutorial nachgebau:

direkt unter dem Webname und den Links ist eine Slideshow mit Pfeilen für weiter und zurück eingesetzt

mein Problem:

wie bekomme ich es hin, das sobald die Seite geöffnet wird die Slideshow automatisch 4-5 Bilder hintereinander wieder gibt (fortlaufend d.h. Bild 1-> Bild 2 -> Bild 3 -> Bild 4-> Bild 1 -> Bild 2 usw. usw.), der Besucher jedoch die möglichkeit hat über diese Pfeile selbstständig die Bilder zu weckseln(vor/zurück)?

zu beachten ist dabei das die pfeile auf dem eigentlichen bild liegen und nicht dadrüber oder darunter.

(ich arbeite mit Dreamweaver & Photoshop cs 5)

ich wäre euch über ein ausführliches tutorial sehr dankbar
gerna auch ein video oder einfach ein link zu einem bestehenden tutorial

ich hoffe meine fragestellung war verständlich...

mfg Fighter

sokie · 06.12.2010

AW: Slideshow mit Bedienfeld (Javascript/Flash)

Fighter schrieb:
(ich arbeite mit Dreamweaver & Photoshop cs 5)

das ist schon ein teil des Problems. weder das eine noch das andere Programm wird dir bei der Lösung des Problems helfen können.
Du möchtest eine Sache mit Javascript oder Flash lösen, also musst du auch mit programmierungen für javascript oder flash (AS2 od AS3) arbeiten.
Eine Slideshow ähnlich wie du es vorhast, ist mit zB jquery cycle (javascript) zu grossen Teilen zu machen.
Die Buttons für vor und zurück wirst du per CSS positionieren müssen.
für speziellere Verhalten der Slideshow wirst du dich wohl ein wenig in jQuery einarbeiten müssen (das ist aber nicht schwer).

fexx · 06.12.2010

AW: Slideshow mit Bedienfeld (Javascript/Flash)

hier mal ein schöner slider:

ich denke aber das du dir erstmal html + css kenntnisse aneignen solltest ;-)

Fighter · 06.12.2010

AW: Slideshow mit Bedienfeld (Javascript/Flash)

vielen Dank für die Tipps
ging ja schnell =)

ich probiere mich mal in Jquery
mal sehen was bei raus kommt...

thx..

Fighter · 07.12.2010

AW: Slideshow mit Bedienfeld (Javascript/Flash)

so ich habe den slider soweit eigentlich hinbekommen
nur sind die buttons leider über der show und nicht rechts und links auf der slideshow wie auf dem beispiel

wo muss ich da was umschreiben
und voralles was muss ich da hin schreiben

schon mal vielen dank für die hilfe

sokie · 07.12.2010

AW: Slideshow mit Bedienfeld (Javascript/Flash)

deine html hat keine doctype!
valides html ist grundvoraussetzung für eine etwaige Fehlersuche.

deine Stylesheet Datei heisst nicht, wie im "<link..." angegeben "Style.css" sondern style.css. also werden deine Styles auch nicht berücksichtigt.

Fighter · 07.12.2010

AW: Slideshow mit Bedienfeld (Javascript/Flash)

sokie schrieb:
deine html hat keine doctype!

so den doctype hab ich jetzt wieder oben drüber geschrieben...

sokie schrieb:
deine Stylesheet Datei heisst nicht, wie im "<link..." angegeben "Style.css" sondern style.css. also werden deine Styles auch nicht berücksichtigt.

und den link habe ich umgeschrieben...

jedoch liegt jetzt der zurück button unter der slideshow wie kann ich den wieder "hoch" holen wie bei dem weiter button

Edit: hat sich erledigt war mal wieder ein tippfehler

vielen dank für die hilfe =)

Fighter · 09.12.2010

AW: Slideshow mit Bedienfeld (Javascript/Flash)

die slideshow funktioniert wunderbar
jedoch habe ich versucht am ende der seite noch eine Lightbox ein zu fügen,
allerdings funktioniert immer nur eines von den javascripts
wie muss ich die umschreiben das beide funktionieren

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>unbekannt</title>
<link rel="stylesheet" href="style.css">

<!--lightbox-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


<!--slideshow-->
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jslider.js"></script>
    
    <script type="text/javascript">
		$(function() {
			$(".slider").jslider({
				btnNext: ".next",
				btnPrev: ".prev"
			})
		});
	</script>

</head>

ich kann die drehen und wenden wie ich will da funktioniert immer nur einer (der untere)
dem stylesheet von der lightbox habe ich auch schon raus genommen -> geht nicht...
hab auch versucht die "css/lightbox.css" einfach mit in die "style.css" rein zuschrieben -> hat auch nichts gebracht...

danke schonmal für die hilfe und mühe

sokie · 09.12.2010

AW: Slideshow mit Bedienfeld (Javascript/Flash)

vielleicht ist es in dem fall doch besser das lightboxplugin für jQuery zu benutzen, damit du nicht mit zwei unterschiedlichen Frameworks arbeiten musst: