[GastForen Programme Web/Internet Adobe Dreamweaver Dia Show fuer Photos

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Web/Internet - Webdesign, eForms
Themen
Beiträge
Moderatoren
Letzter Beitrag

Dia Show fuer Photos

Stryder
Beiträge gesamt: 21

5. Jan 2006, 00:50
Beitrag # 1 von 19
Bewertung:
(21316 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi

ich moechte auf meiner homepage 6 verschiedene photos anzeigen. es sol immer nur ein photo sichtlich sein und nach einer gewissen zeit (ca. 10 sekunden) das naechste angezeigt werden. (immer an der selben stelle)

wie kann ich das im dreamweaver am einfachsten erstellen? ich habe dreamweaver xp.

gruss,

matthias
X

Dia Show fuer Photos

Kojak
Beiträge gesamt: 25

5. Jan 2006, 10:37
Beitrag # 2 von 19
Beitrag ID: #203269
Bewertung:
(21306 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi Stryder. Es gibt mehrere Möglichkeiten sowas zu machen, aber ohne Javascript wird das nicht gehen. Schau mal auf eine Probeseite von meiner Page: http://home.pages.at/vogelhackla/privat/index2.htm
Dort klickst auf -Urlaubsbilder-. Wenn dir sowas gefällt, dann hast hier das Skript:
Einfügen gleich nach dem Head und vor Body, also zwischen
</head> und <body>: Und noch was, schau das die Bilder aller die selbe Größe haben, und pass das Skript am Beginn gleich auf deine Bildgröße an. Wenn du weniger bilder hast als ich hier im Skript, dann einfach die Zeile löschen, oder falls du mehr verwenden willst, einfach dementsprechend hinzufügen.
lg. Kojak

<script language="JavaScript1.2" type="text/javascript">


var slideshow_width='395px' //SET IMAGE WIDTH
var slideshow_height='295px' //SET IMAGE HEIGHT
var pause=4000 //SET PAUSE BETWEEN SLIDE (4000=4 seconds)

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]="photo1.jpg"
fadeimages[1]="photo2.jpg"
fadeimages[2]="photo3.jpg"
fadeimages[3]="photo4.jpg"
fadeimages[4]="photo5.jpg"
fadeimages[5]="photo6.jpg"
fadeimages[6]="photo7.jpg"
fadeimages[7]="photo8.jpg"
fadeimages[8]="photo9.jpg"
fadeimages[9]="photo10.jpg"
fadeimages[10]="photo11.jpg"
fadeimages[11]="photo12.jpg"
fadeimages[12]="photo13.jpg"
fadeimages[13]="photo14.jpg"
fadeimages[14]="photo15.jpg"
fadeimages[15]="photo16.jpg"
fadeimages[16]="photo17.jpg"
fadeimages[17]="photo18.jpg"
fadeimages[18]="photo19.jpg"
fadeimages[19]="photo20.jpg"
fadeimages[20]="photo21.jpg"
fadeimages[21]="photo22.jpg"
fadeimages[22]="photo23.jpg"
fadeimages[23]="photo24.jpg"


////Ab hier nichts ändern/////////////

var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1


function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/101
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/101
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

</script>


als Antwort auf: [#203240]

Dia Show fuer Photos

Stryder
Beiträge gesamt: 21

6. Jan 2006, 21:17
Beitrag # 3 von 19
Beitrag ID: #203616
Bewertung:
(21289 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi
Danke viel mals! Ich werde das asap. ausprobieren und dir meine Erfahrungen mitteilen. Die Fotos auf deiner Page sind genau wie ich mir das vorstelle.

Gruss


als Antwort auf: [#203269]

Dia Show fuer Photos

Stryder
Beiträge gesamt: 21

7. Jan 2006, 01:52
Beitrag # 4 von 19
Beitrag ID: #203628
Bewertung:
(21282 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Kojak

Ich habe nun dein Script in meine Page eingebaut.
Leider funktioniert etwas nicht. Es erscheinen keine Bilder?! Ich habe wie von dir beschrieben das Script copiert und in meine Seite zwischen </head> und <body> eingefügt. Den Pfad für die Photos angepasst und ebenso die Grösse der Bilder. ... wenn ich die Seite im explorer aufrufe erscheint nichts von den Bildern?

Muss ich nichts in den <body> einfügen? Wo die Photos erscheinen sollten?

Ich hoff du kannst mir weiterhelfen.
Vielen Dank im Voraus

Stryder


als Antwort auf: [#203269]

Dia Show fuer Photos

SabineP
Beiträge gesamt: 7586

7. Jan 2006, 09:44
Beitrag # 5 von 19
Beitrag ID: #203634
Bewertung:
(21268 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Stryder,

zwischen </head> und <body> darf gar nichts stehen,
an dieser Stelle ist gar kein Code erlaubt.

http://de.selfhtml.org/html/allgemein/grundgeruest.htm

Hier eine HTML-Seite mit Javascript für eine Diashow,
die Bilder nennst Du einfach bild1.jpg, bild2.jpg, bild3.jpg usw.

Die Anzahl der Bilder trägst Du hier ein: var anzahl = 10;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<center>
<img src="bild1.jpg" name="bild">
<script>
var zeit = 2000;
var anzahl = 10;
var zz = 2;
window.setInterval("slide()",zeit);

function slide(){
document.bild.src="bild"+zz+".jpg";
zz++;if(zz>anzahl){zz=1;}

}
</script>
</center>
</BODY>
</HTML>


als Antwort auf: [#203628]
(Dieser Beitrag wurde von SabineP am 7. Jan 2006, 09:52 geändert)

Dia Show fuer Photos

Stryder
Beiträge gesamt: 21

7. Jan 2006, 22:35
Beitrag # 6 von 19
Beitrag ID: #203707
Bewertung:
(21246 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo SabineP

Danke für deine Hilfe. Leider funktioniert es nicht ganz!
Im IE wird nur das erste Bild angezeigt und nach 4 Sekunden
bringt der Explorer folgenden Fehler: "Zeile 17 ; Zeichen 1 Fehler 'document.bild' is null or not a object

Hier mein Quelltext:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY>
<center>
<img src="bild1.jpg" name="palms">
<script>
var zeit = 4000;
var anzahl = 6;
var zz = 2;
window.setInterval("slide()",zeit);

function slide(){
document.bild.src="bild"+zz+".jpg";
zz++;if(zz>anzahl){zz=1;}

}
</script>
</center>
</BODY>
</HTML>

Ich habe die Photos im selben Folder wie die Page. Es sind 6 Stücke mit namen: bild1.jpg, bild2.jpg, bild3.jpg, bild4.jpg, bild5.jpg, bild6.jpg.

Dringend Hilfe benötigt....

Stryder


als Antwort auf: [#203634]

Dia Show fuer Photos

SabineP
Beiträge gesamt: 7586

7. Jan 2006, 22:50
Beitrag # 7 von 19
Beitrag ID: #203709
Bewertung:
(21245 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
schreib mal
<img src="bild1.jpg" name="bild">

anstatt
<img src="bild1.jpg" name="palms">

Dann sollte es klappen.

Gruß Sabine


als Antwort auf: [#203707]

Dia Show fuer Photos

kareh
Beiträge gesamt: 239

7. Jan 2006, 23:09
Beitrag # 8 von 19
Beitrag ID: #203711
Bewertung:
(21238 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine, hallo Stryder,

zunächst mal ein frohes Neues Jahr!

Das Script für eine automatische Fotogalerie hat mich sehr gereizt, es auch zu installieren, da wir auf unserer HP viele Bilder anbieten.
Meine family (ständige Berater, was das Layout angeht) meinte jedoch, dass jeder Besucher selbst entscheiden soll, welches Bild und wie lange er ein Bild anschauen möchte. Habe deswegen diesen Gedanken gleich verworfen.


als Antwort auf: [#203709]
(Dieser Beitrag wurde von kareh am 7. Jan 2006, 23:10 geändert)

Dia Show fuer Photos

Kojak
Beiträge gesamt: 25

8. Jan 2006, 18:19
Beitrag # 9 von 19
Beitrag ID: #203763
Bewertung:
(21213 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi, kareh hat Recht wenn er meint der Besucher soll sich seine Bilder die er sehen will selber aussuchen. Ich hab das Script ja nur mal als Experiment angesehen. Und Sabine hat auch Recht, das Skript das ich hier gepostet habe gehört in den head Bereich. In den Body Bereich gehört noch folgendes Skript, ich muß das leider übersehen haben da ich die Seite schon vor über einen Jahr gemacht habe. Sorry.
Also wenn du folgenden Code gleich am Beginn des Body Teils einfügst, müßt es klappen.

<p align="left"><v:rect id="_x0000_s1027" alt=""
style='position:absolute;left:1.5pt;top:2.25pt;width:309pt;height:218.25pt;
z-index:-1' fillcolor="#ff9" strokeweight="1.5pt">
<v:fill recolor="t" rotate="t"/>
</v:rect></p>

lg. Kojak
Sag mir bitte ob es bei dir funktioniert. Thank´s


als Antwort auf: [#203628]

Dia Show fuer Photos

SabineP
Beiträge gesamt: 7586

8. Jan 2006, 18:42
Beitrag # 10 von 19
Beitrag ID: #203766
Bewertung:
(21206 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Kojak,

da muß ich leider schon wieder meckern :-)

Das hier ist weder gültiges HTML noch CSS.
Das ist nur ein Haufen von ungültigen Elementen und Attributen.

<p align="left"><v:rect id="_x0000_s1027" alt=""
style='position:absolute;left:1.5pt;top:2.25pt;width:309pt;height:218.25pt;
z-index:-1' fillcolor="#ff9" strokeweight="1.5pt">
<v:fill recolor="t" rotate="t"/>
</v:rect></p>

http://validator.w3.org/...er/urlaubsbilder.htm

Kareh stimme ich auch zu. Zur Ansicht vieler Fotos ist so ein Script natürlich ungeeignet.
Stryder will ja nur 6 Bilder "durchspulen", ich denke da geht das schon so.

Gruß Sabine


als Antwort auf: [#203763]

Dia Show fuer Photos

Stryder
Beiträge gesamt: 21

9. Jan 2006, 00:19
Beitrag # 11 von 19
Beitrag ID: #203784
Bewertung:
(21192 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi SabineP

Du hast recht, für meine Ansprüche ist dein Script vollkommen genug. Es funktioniert auch einwandfrei nachdem ich den namen tag zu "name" geändert habe!

Danke viel mals für deine Hilfe. Falls du interessiert bis werde ich dir die Webpage durchgeben, sobald ich sie hochlade.

Lieben Gruss, Stryder


als Antwort auf: [#203766]

Dia Show fuer Photos

Kojak
Beiträge gesamt: 25

10. Jan 2006, 16:36
Beitrag # 12 von 19
Beitrag ID: #204111
Bewertung:
(21175 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi Sabine und alle anderen.
Ich muß hier mal was los werden. Diesen W3C Test kenn ich auch, halte aber nicht viel davon. Warum: Ich habe 10 Professionelle Internetseiten damit getestet, und ich meine damit keine Privaten Homepages sondern von Webprofis erstellte. Das Ergebnis: Nur eine einzige Seite war ohne Fehler, bei den anderen 9 hat dieser Validator gemeckert. Willst Beispiele? Dann teste z.B. mal den größten Onlinemarkt www.ebay.at, über 160 Errors! Und das bei einen Millionen Euro schweren Geschäft, mit zigtausend Besuchern täglich. Aber die Seite funktioniert, sieht gut aus und das zählt. Und www.hilfdirselbst.ch hat ebenfalls jede Menge Fehler! ??? Waren da etwa keine Profis am Werk? Wohl kaum.
Und was lernen wir daraus? - Das den Webprofis der Standard nicht so wichtig ist, sondern vielmehr das die Seite gefällt, dem Kunden gefällt und vor allem das die Seite funktionsfähig ist. Standard hin, Standard her.
Und liebe Sabine, das tut meine Slideshow. Mir gefällt die Überblendung und die Bilder müssen nicht mal das selbe Format oder die selbe Größe haben. Und das Script funktioniert nicht nur im IE, sondern auch mit Netscape-Browser und Opera, und ob die Seite zu 100% W3c konform ist oder nicht, ist für mich nicht wirklich interessant.
Es ist schon ok das es diesen Standard gibt, allerdings sollte man ihn nicht so genau nehmen.
Es wird immer heißer gekocht als gegessen wird.
Wichtiger, viel wichtiger ist der kreative Faktor bei der Erstellung einer Homepage, und das man nicht durch irgendwelche Standards keine Freiheiten mehr hat.
Für dich Stryder: Du sollst deine Homepage so gestalten das es dir gefällt, und dich nie mit irgendwas begnügen.

lg. Kojak


als Antwort auf: [#203766]
(Dieser Beitrag wurde von Kojak am 10. Jan 2006, 16:41 geändert)

Dia Show fuer Photos

SabineP
Beiträge gesamt: 7586

10. Jan 2006, 17:14
Beitrag # 13 von 19
Beitrag ID: #204125
Bewertung:
(21168 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Kojak,

dann erkläre mir mal bitte Deinen Code:

<p align="left"><v:rect id="_x0000_s1027" alt=""
style='position:absolute;left:1.5pt;top:2.25pt;width:309pt;height:218.25pt;
z-index:-1' fillcolor="#ff9" strokeweight="1.5pt">
<v:fill recolor="t" rotate="t"/>
</v:rect></p>

Was soll dieser Code bewirken?.

Nur weil andere sogenannten Webprofis kein HTML können,
ist gültiges HTML der falsche Weg?

>> und das man nicht durch irgendwelche Standards keine Freiheiten mehr hat.

Nenne mir bitte ein Beispiel dazu.


>> Und www.hilfdirselbst.ch hat ebenfalls jede Menge Fehler!

Der fehlerhafte Code kommt komplett aus der Amazon-Anzeige.
Darauf haben die Leute, die das HDS-Forum betreuen, leider keinen Einfluß.

Gruß Sabine


als Antwort auf: [#204111]
(Dieser Beitrag wurde von SabineP am 10. Jan 2006, 17:15 geändert)

Webprofis (war: Dia Show fuer Photos)

oesi50
  
Beiträge gesamt: 2315

10. Jan 2006, 17:14
Beitrag # 14 von 19
Beitrag ID: #204126
Bewertung:
(21167 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi Kojak,

Antwort auf: Ich habe 10 Professionelle Internetseiten damit getestet, und ich meine damit keine Privaten Homepages sondern von Webprofis erstellte. Das Ergebnis: Nur eine einzige Seite war ohne Fehler, bei den anderen 9 hat dieser Validator gemeckert.


Daran kannst du das allgemeine Problem dieser Branche sehr schön erkennen: Von 10 "Profis" ist nur ein einziger wirklich Profi.


Antwort auf: Und was lernen wir daraus? - Das den Webprofis der Standard nicht so wichtig ist, sondern vielmehr das die Seite gefällt, dem Kunden gefällt und vor allem das die Seite funktionsfähig ist. Standard hin, Standard her.


Ja was lernen wir daraus? Von 10 "Webprofis" sind 9 Ignoranten.

und dann noch dazu was:

Antwort auf: Und www.hilfdirselbst.ch hat ebenfalls jede Menge Fehler!


Diese Fehler kommen nicht von Hilfdirselbst, sondern von der eingebundenen Werbung.


Und dann noch das:

Antwort auf: Es ist schon ok das es diesen Standard gibt, allerdings sollte man ihn nicht so genau nehmen.



Es ist schon ok, daß es M3, M4, M5 usw. Schrauben gibt, allerdings ist das nicht so wichtig, Hauptsache ich bekomme meine eigenen Schrauben in das Loch gewürgt, dabei kann ich meine ganze Kreativität entfalten.

Crazy


als Antwort auf: [#204111]

Dia Show fuer Photos

marykahlo
Beiträge gesamt: 3

17. Jan 2009, 18:20
Beitrag # 15 von 19
Beitrag ID: #381413
Bewertung:
(17099 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine,

dein Programm funktioniert ja prima. Ich liebe so kleine Programme und ich habe es gerade in mein Programm eingearbeitet.
Schade ist allerdings, dass der Übergang von einem Bild ins andere so hart ist, weisst du denn eine Möglichkeit, dass das eine Bild ins andere übergeht?

Bis zur Version Dreamweaver CS3 gab es im übrigen dei Möglichkeit, Diashows mit DHTML zu machen:
Fenster / Zeitleisten oder mit der Taste ALT F9. MIt CS4 funktioniert das nicht mehr, weil wohl alles nur noch in Flash funktionieren soll.

Danke und Gruß, Mary Kahlo
Antwort auf:


als Antwort auf: [#203634]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/