Toon posts:

[JS/PHP] Random image script, meerdere weergave's

Pagina: 1
Acties:

  • Ronnyrr
  • Registratie: juni 2009
  • Laatst online: 09-10 12:39
Hallo allemaal,

Zelf ben ik nu al een jaar bezig met webdesign en heb ik alles vanuit mezelf geleerd en liep eigenlijk zo goed als nooit tegen problemen aan. En al helemaal niet tegen een probleem waar ook niet me mee kon, of wil helpen. Dus denk ik misschien heb ik hier meer geluk.

Ik heb een website draaien op de Wordpress CMS. Werkt allemaal prima. Maar nu moet er iets meer gebeuren waar ik nog niet veel verstand van heb.

Er draait op de site een javascript waardoor er een random image word weergegeven in een bepaalde div. Is ook de bedoeling werkt verder prima. Maar op élke pagina worden dezelfde afbeeldingen random weergegeven. Maar nu wil ik iets verder gaan hiermee.

Dit is het javascript:
code:
1
2
3
4
5
6
imgs = new Array("http://www.sitedeals.nl/images/head/vogel.jpg", "http://www.sitedeals.nl/images/head/vogels.jpg",  "http://www.sitedeals.nl/images/head/blaarkop.jpg", "http://www.sitedeals.nl/images/head/blaarkoppen.jpg", "http://www.sitedeals.nl/images/head/bloem.jpg");
 
function random_img()
{
    document.getElementById('head').style.backgroundImage="url('"+imgs[Math.floor(Math.random()*imgs.length)]+"')";
}


En hier is de website te vinden.
http://tiny.cc/k8kqe

De bedoeling is dat bij de pagina van projecten andere afbeeldingen random weergegeven worden als op de 'normale' website. Normaal zou ik dit wel weten op te lossen door op elke pagina gewoon andere foto's in de head in te laden. Maar nu maak ik dus gebruik van Wordpress waardoor dat niet zo makkelijk gaat, of ik denk natuurlijk te moeilijk.

Want mijn gedachten gaan uit naar dat er iets in de function.php mee gedaan moet worden oid? Alleen is dat eigenlijk het enige document in wordpress waar ik nog geen ervaring mee heb. Heb al wat gegoogled op uitleg over de function.php maar daar kwam ik ook niet veel verder mee. Misschien iemand een goed linkje of een betere oplossing?

Heb het ook al aan andere mensen gevraagd en toen vertelde ze me dat je de document locatie kan moet opvragen en zo foto's in kan laden. Op deze manier;
code:
1
href = document.location.href;


Echter heb ik daar nog niet veel kaas van gegeten en loop ik nu een beetje vast. Iemand die mij hiermee misschien verder kan helpen?

Bedankt,
Ronny
Pagina: 1


Nintendo Switch (OLED model) Apple iPhone 13 LG G1 Google Pixel 6 Call of Duty: Vanguard Samsung Galaxy S21 5G Apple iPad Pro (2021) 11" Wi-Fi, 8GB ram Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True

Tweakers maakt gebruik van cookies

Bij het bezoeken van het forum plaatst Tweakers alleen functionele en analytische cookies voor optimalisatie en analyse om de website-ervaring te verbeteren. Op het forum worden geen trackingcookies geplaatst. Voor het bekijken van video's en grafieken van derden vragen we je toestemming, we gebruiken daarvoor externe tooling die mogelijk cookies kunnen plaatsen.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Forum cookie-instellingen

Bekijk de onderstaande instellingen en maak je keuze. Meer informatie vind je in ons cookiebeleid.

Functionele en analytische cookies

Deze cookies helpen de website zijn functies uit te voeren en zijn verplicht. Meer details

janee

    Cookies van derden

    Deze cookies kunnen geplaatst worden door derde partijen via ingesloten content en om de gebruikerservaring van de website te verbeteren. Meer details

    janee