login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Random slideshow + table background

Offline Prutserke - 26/05/2010 17:58
Avatar van PrutserkeNieuw lid Hey allemaal


ik heb hier volgende html pagina met een slideshow script: http://www.plaatscode.be/139466/

Nu had ik graag dat deze slideshow random zou verlopen, alsook dat ik het als table background kon plaatsen.

Heeft iemand enig idee hoe ik dit voor elkaar krijg?

Alvast bedankt!

12 antwoorden

Gesponsorde links
Offline Stijn - 26/05/2010 20:29
Avatar van Stijn PHP expert De variabele j moet telkens een random waarde krijgen.

http://www.plaatscode.be/139468/
Bedankt door: Prutserke
Offline Prutserke - 27/05/2010 01:23
Avatar van Prutserke Nieuw lid Dankuwel..

Dit ziet er prima uit! Heb je ook enig idee hoe ik ervoor kan zorgen dat hij de vorige foto niet onmiddellijk terug herhaald?

Nu heb ik 2 foto's als voorbeeld, en deze veranderen om de 5 seconden. Maar wanneer hij juist 3 keer random foto 1 kiest, dan blijft deze wel 15 seconden staan...

Het is geen absolute must, maar als je het zo zou weten is het altijd handig meegenomen..


Bedankt!
Offline Ontani - 27/05/2010 09:03
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 Je kan je vorige waarde tijdelijk bijhouden en controleren of de nieuwe waarde niet gelijk is dan deze, anders opnieuw laten genereren.

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var tmpNum = j;
  2. while (tmpNum = j) {
  3.  tmpNum = Math.floor(Math.random()*p);
  4. }
  5. j = tmpNum;
Bedankt door: Prutserke
Offline Prutserke - 27/05/2010 11:55
Avatar van Prutserke Nieuw lid En weet iemand dan hoe ik dit script kan laten werken in een <td background=" ... "> ?

Aangezien er in deze <td> zich een nieuwe table bevindt, is het werkelijk nodig dat de background zich telkens gaat wijzigen, en niet een gewone image.

Ik heb reeds geprobeerd met <td id="verander"> en dan bovenaan in het javascript gedeelte volgende regel:

document.getElementById('verander').style.background = j

maar dit jammer genoeg zonder succes...

Iemand?
Offline Ontani - 27/05/2010 12:11
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 ipv

document.images.slideshow.src = preLoad[j].src;

zet je dan

document.getElementById('verander').style.backgroundImage = preLoad[j];
Offline Prutserke - 27/05/2010 12:37
Avatar van Prutserke Nieuw lid Oké, heb even de code terug online geplaatst, met de bovenvermelde regel, maar dit blijkt niet te werken...

code = http://www.plaatscode.be/139469/
Offline Ontani - 27/05/2010 12:58
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 mijn excuses da moet backgroundImage = preLoad[j].src; zijn
Offline Prutserke - 27/05/2010 13:06
Avatar van Prutserke Nieuw lid Dit blijkt ook niet te werken... http://www.plaatscode.be/139470/

Wat een lastige vragen stel ik hier!  
Offline Stijn - 27/05/2010 13:14
Avatar van Stijn PHP expert background = "url(" + preLoad[j].src + ") no-repeat";

Het is puur CSS toepassen hoor . Vervang regel 43 eens door de regels van Ontani (waar trouwens een conditie foutje in zit).

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var tmpNum = j;
  2. while (tmpNum == j) {
  3.  tmpNum = Math.floor(Math.random()*p);
  4. }
  5. j = tmpNum;
Offline Prutserke - 27/05/2010 13:41
Avatar van Prutserke Nieuw lid De ganse code nogmaals online: http://www.plaatscode.be/139473/

Heb het in een <style> gegoten de CSS.

Jammer genoeg met deze code nog geen resultaat.
Offline Stijn - 27/05/2010 15:45
Avatar van Stijn PHP expert Dat moet ook niet in de style tags staan. Dat moet in je javascript staan!
Offline Prutserke - 27/05/2010 16:32 (laatste wijziging 27/05/2010 16:33)
Avatar van Prutserke Nieuw lid En maakt het dan nog uit waar ik het plaats?

Momenteel staat het hier (lijn 40): http://www.plaatscode.be/139479/

Maar ook wanneer ik het plaats, net voor het script stopt, werkt het niet...
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.174s