HighDots Forums  

Bild tauschen

Javascript (German) Programmiersprache JavaScript. (de.comp.lang.javascript)


Discuss Bild tauschen in the Javascript (German) forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
KlausInge
 
Posts: n/a

Default Bild tauschen - 02-20-2008 , 08:04 AM






Hallo,

ich habe auf einer Webseite einige feste Bilder. Nun soll es bei
einigen Bildern so sein, dass zuerst das feste Bild geladen wird und
angezeigt werden soll und 5 Sekunden später ein zweites optionales
Bild angezeigt werden. Nach weiteren 5 Sekunden soll dann das fest
eBild wieder kommen usw.

Hat dazu jemand einen Ansatz? Habe schon gegoogelt aber nichts
brauchbares gefunden.

Danke

Klaus

Reply With Quote
  #2  
Old   
Thomas 'PointedEars' Lahn
 
Posts: n/a

Default Re: Bild tauschen - 02-20-2008 , 01:21 PM






Gerome Muent wrote:
Quote:
var img1=new Image();
img1.src='bild1.jpg';
var img2=new Image();
img2.src='bild2.jpg';

function changePic() {
if (document.getElementById('pic').src==img1.src) {
document.getElementById('pic').src=img2.src;
} else {
document.getElementById('pic').src=img1.src;
}

setTimeout('changePic()', 5000);
setTimeout() ist eine Methode von Window-Objekte und sollte deshalb explizit
so aufgerufen werden.

Quote:
}
/script
/head
body onload="setTimeout('changePic()', 5000);"
img id="pic" src="bild1.jpg" width="..." height="..." alt="Wechselbild" /
^
Wie kommst Du darauf, dass der OP fehlerträchtiges und inkompatibles XHTML
benutzen möchte?

Quote:
/body
/html
Effizienter und weniger fehlerträchtig (ungetestet):

<script type="text/javascript">
var imgs = new Array("bild1.jpg", "bild2.jpg");

for (var i = imgs.length; i--
{
var img = new Image();
img.src = imgs[i];
imgs[i] = img;
}
img = null;

function changePic(oImg, iTimeout, iWhich)
{
if (arguments.length < 2)
{
iWhich = 0;
}
else
{
oImg.src = imgs[iWhich].src;
}

var me = arguments.callee;
window.setTimeout(
function() { me(oImg, iTimeout, +!iWhich); me = oImg = null; },
iTimeout);
}
</script>
</head>

<body onload="changePic(document.images['pic'], 5000);">
<img src="bild1.jpg" width="..." height="..." alt="Wechselbild"
name="pic">
</body>


PointedEars


Reply With Quote
  #3  
Old   
Gerome Muent
 
Posts: n/a

Default Re: Bild tauschen - 02-21-2008 , 05:52 AM



* Thomas 'PointedEars' Lahn wrote:

Quote:
setTimeout() ist eine Methode von Window-Objekte und sollte deshalb explizit
so aufgerufen werden.

Wie kommst Du darauf, dass der OP fehlerträchtiges und inkompatibles XHTML
benutzen möchte?
Mein JS funktioniert in jedem gängigen Browser, XHTML verwende ich aus
Geschmacksgründen immer.

Und deine blöde Korinthenkackerei hilft niemanden außer deinem schwachen
Ego ;-)

G.

--
BM Computer-Services, Bergmannstr. 66, 10961 Berlin
Webdesign, Internet, Layout und Grafik
Tel.: 030/20649400, mobil 0175/7419517, Fax: 030/20649401
Web: http://www.bmservices.de, eMail: kontakt (AT) bmservices (DOT) de


Reply With Quote
  #4  
Old   
Thomas Braun
 
Posts: n/a

Default Re: Bild tauschen - 02-21-2008 , 06:52 AM



Gerome Muent wrote:

Quote:
, XHTML verwende ich aus Geschmacksgründen immer.
Na sowas, ich dachte aus Geschmacksgründen verwendet man Pfeffer, Salz und
Thymian :-)

Thomas


Reply With Quote
  #5  
Old   
Ferry Bolhar
 
Posts: n/a

Default Re: Bild tauschen - 02-22-2008 , 03:07 AM



Thomas Lahn:

Quote:
setTimeout('changePic()', 5000);

setTimeout() ist eine Methode von Window-Objekte und sollte deshalb explizit
so aufgerufen werden.
Warum?

Quote:
img id="pic" src="bild1.jpg" width="..." height="..." alt="Wechselbild" /
^
Wie kommst Du darauf, dass der OP fehlerträchtiges und inkompatibles XHTML
benutzen möchte?
Was stört dich an der Verwendung von XHTML? Gibt es Browser, die es nicht
unterstützen? Und was ist an XHTML fehlerträchtig?

LG, Ferry

--
Ing Ferry Bolhar
Magistrat der Stadt Wien - MA 14
A-1010 Wien
E-Mail: ferdinand.bolhar-nordenkampf (AT) wien (DOT) gv.at



Reply With Quote
  #6  
Old   
Thomas 'PointedEars' Lahn
 
Posts: n/a

Default Re: Bild tauschen - 02-22-2008 , 01:07 PM



Thomas Braun wrote:
Quote:
Gerome Muent wrote:
, XHTML verwende ich aus Geschmacksgründen immer.

Na sowas, ich dachte aus Geschmacksgründen verwendet man Pfeffer, Salz und
Thymian :-)
Wenn man keine Argumente (mehr) hat, hilft es immer, mit persönlichen
Vorlieben zu argumentieren, denn das ist natürlich sehr überzeugend.
Besonders beliebt ist in diesem Fall auch das Diffamieren des
Diskussionsgegners. Und nicht vergessen, einen Smiley dahinterzuschreiben,
damit der/die so Angegriffene sich nicht beleidigt fühlen kann.

Glücklicherweise gibt es eine Newsgroup°, wo solcherlei Verhalten on-topic ist.


F'up2 dag°

PointedEars
--
Aber das Sperren der rechten Maustaste hat auch seine Vorteile: so
bleibt uns der Anblick einer ganzen Menge dilettantisch und lieblos
zusammengewurstelten Quellcodes erspart. (Ulrich 'Droeppez' Kritzner in
http://selfhtml.de/forum/zeigebeitra...4&thread=31592)


Reply With Quote
  #7  
Old   
Stefan Scholl
 
Posts: n/a

Default Re: Bild tauschen - 02-24-2008 , 08:08 AM



Thomas Braun <spam (AT) software-braun (DOT) de> wrote:
Quote:
Gerome Muent wrote:

, XHTML verwende ich aus Geschmacksgründen immer.

Na sowas, ich dachte aus Geschmacksgründen verwendet man Pfeffer, Salz und
Thymian :-)
Ob XHTML was taugt (und was es überhaupt ist) interessiert leider
nur eine Minderheit. Es macht keinen Sinn Zeit auf solche
Kleinkriege zu verschwenden. Habe ich auch versucht, aber die
Übermacht von (Pseudo-)XHTML ist zu groß.


Außerdem schreiben wir gerade in de.comp.lang.javascript. In
einer idealen Welt hätten wir kein JavaScript, sondern eine
bessere Lösung. Oder keine Lösung, weil wir uns immer noch nicht
einig wären. :-)


--
Web (en): http://www.no-spoon.de/ -*- Web (de): http://www.frell.de/


Reply With Quote
  #8  
Old   
Ferry Bolhar
 
Posts: n/a

Default Re: Bild tauschen - 02-25-2008 , 03:56 AM



Thomas Lahn:

Quote:
Besonders beliebt ist in diesem Fall auch das Diffamieren des
Diskussionsgegners.
Recht beliebt scheint es manchmal auch zu sein, auf Posting
anderer, die zu selber aufgestellten Behauptungen Fragen
aufwerfen, einfach nicht zu antworten (so wie auf mein Posting
zu diesem Thread vom 22.2.2008, das ich hier auszugsweise
wiedergebe):

Quote:
setTimeout() ist eine Methode von Window-Objekte und sollte deshalb explizit
so aufgerufen werden.

Warum?

img id="pic" src="bild1.jpg" width="..." height="..." alt="Wechselbild" /
^
Wie kommst Du darauf, dass der OP fehlerträchtiges und inkompatibles XHTML
benutzen möchte?

Was stört dich an der Verwendung von XHTML? Gibt es Browser, die es nicht
unterstützen? Und was ist an XHTML fehlerträchtig?
Also?

LG, Ferry

--
Ing Ferry Bolhar
Magistrat der Stadt Wien - MA 14
A-1010 Wien
E-Mail: ferdinand.bolhar-nordenkampf (AT) wien (DOT) gv.at



Reply With Quote
  #9  
Old   
Hermann Riemann
 
Posts: n/a

Default Re: Bild tauschen - 04-04-2008 , 01:11 PM



KlausInge schrieb:

Quote:
Nun soll es bei einigen Bildern so sein,
dass zuerst das feste Bild geladen wird und ..
Hat dazu jemand einen Ansatz? Habe schon gegoogelt aber nichts
brauchbares gefunden.
Bei derartigen Problemen liefert
http://de.selfhtml.org/
oft bessere Hinweise als google.
Für oben etwa
http://de.selfhtml.org/dhtml/beispiele/bilderbuch.htm

Hermann
der seine uhrzeitabhängige Bilder auch nach selfhtml-Vorlage
erstellt hat, es aber aus diversen Gründen
noch nicht auf seiner homepage verwendet.

--
http://www.Hermann-Riemann.de


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.