login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Plaatje wisselen als bepaalde tijd is bereikt en als bepaalde tijd afgelopen is?

Offline pascalbianca - 30/06/2011 15:12
Avatar van pascalbiancaNieuw lid Hallo mensen,

Ik heb een vraag over het volgende.
Stel ik heb een plaatje op mijn html site staan en deze wil ik om 22 uur aanpassen naar een ander plaatje , maar als het 23 uur is wil ik het oude plaatje terug weer, kan dat in html?

Alvast bedankt en mvg Pascal.

4 antwoorden

Gesponsorde links
Offline lolll - 30/06/2011 15:23 (laatste wijziging 30/06/2011 15:26)
Avatar van lolll Lid Niet alleen in html, je zal hier js (javascript) voor moeten gebruiken.
VB:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. var plaatje;//Url naar plaatje
  3. var d = new Date();
  4. d=d.getHours();
  5. if(d==21)
  6. plaatje="/afbeeldingen/plaatje1.gif";
  7. else if(d==22)
  8. plaatje="/afbeeldingen/plaatje2.gif";
  9. else if(d==23)
  10. plaatje="/afbeeldingen/plaatje1.gif";
  11. else
  12. plaatje="/afbeeldingen/default.gif";//Gewone afbeelding
  13. </script>

Dit zet je dan tussen de head-tags van je document.

En bij je html-body zet je dan dit waar je afbeelding moet komen:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript">
  2. document.write("<img src='" + plaatje + "' alt='afbeelding' />");
  3. </script>


Lolll
Offline pascalbianca - 30/06/2011 17:28
Avatar van pascalbianca Nieuw lid Bedankt werkt perfect.
Nu zit ik alleen met de maten.
Eerst gebruikte ik na de image dit:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. width="30" height="30"

Maar waar moet ik dat nu doen bij dat java script van jou?
Offline lolll - 30/06/2011 18:14 (laatste wijziging 30/06/2011 18:15)
Avatar van lolll Lid Wel, blijkbaar snap je de code dan niet goed.
Normaal in html schrijf je dit om een afbeelding in te voegen:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <img src="blabla.gif" alt="blabla" width="x" height="x" />

Maar omdat je pad naar je afbeelding om het uur veranderd, wordt dit opgeslagen in een variabele van javascript. Hierdoor moet je ook je afbeelding volgens javascript op de pagina 'schrijven' om het juiste pad telkens mee te hebben. Met javascript iets 'schrijven' doe je met document.write("text").
Dus dan wordt het vb van hierboven:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript"><!-- Open-tag van javascript-code -->
  2. document.write("<img src='blabla.gif' alt='blabla' width='x' height='x'");// je gebruikt binnen "" aanhalingstekens '' aanhalingstekens, zodat de browser ze niet met elkaar verward.
  3. </script>

In jouw geval moet je dus gewoon width='30' en height='30' na de alt opgeven.
Met js kan je zo ook de alt width en height van de verschillende afbeeldingen per uur instellen.

! Voor de nauwkeurigheid: java =/= javascript
Javascript is een clientside-script, java een serverside-script.

Lolll
Offline pascalbianca - 30/06/2011 20:11
Avatar van pascalbianca Nieuw lid Bedankt, ik had het al eens daar geplaatst alleen ik had het tussen de "" staan en niet zoals jij tussen ''.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s