Een div container refreshen

Status
Niet open voor verdere reacties.
Z

zamg0d1

Gebruiker
Lid geworden
10 jan 2010
Berichten
46
Hallo,
Op http://www.gaming-freak.nl/Dark/ zie je een plaatje van twee mensen, maar deze staat niet goed omdat ik daar een iFrame met een META-Refresh heb proberen te plaatsen. Maar dit staat dus verkeerd.

Is het dus mogelijk om slechts die ene div te refreshen? De uiteindelijke bedoeling is om op deze manier een soortvan slide-show te maken en elke 10 á 20 seconden te laten veranderen.
 
jawel hoor. Echter, waar komt de data vandaan? Als het van een server-side script komt, kan je voor 'AJAX' gaan. Anders voldoet een simpel javascriptje.

In mn handtekening staat een link naar een tutorial die ik geschreven heb over dit onderwerp. [deze dus]
 
Nou, ik wil zeg maar de afbeeldingen vanaf mijn FTP Server laten komen. Server-side dus. Want dat bevorderd de gebruiksvriendelijkheid, als eerst alle afbeeldingen opgeslagen moeten worden op de harde schijf dan is het niet echt gebruiksvriendelijk.

En helaas snap ik de tutorial niet echt :$ Het probleem is dus dat het automatisch moet aanpassen elke 10 seconden. En dan wilde ik daar in een Array zetten dat de afbeelding steeds veranderd.
 
Laatst bewerkt:
Oh, nou, dat kan gewoon met wat javascript hoor. Eigenlijk een soort van standaard 'banner rotatie' script dus:
HTML: 
<img id='imgLocatieOpPagina' src='een.jpg' />
[JS]var plaatjes = ['een.jpg', 'eenander.png', 'nogeen.bmp', 'woot.jpg'];
var huidig = 0;

setInterval(function()
{
huidig++;

if(huidig == plaatjes.length)
{
huidig = 0;
}

document.getElementById('imgLocatieOpPagina').src = plaatjes[huidig];
}, 5000);[/JS]waar de 5000 5 seconden is. De array met plaatjes-locaties moet je even aanpassen.

Nou, ik wil zeg maar de afbeeldingen vanaf mijn FTP Server laten komen.
Klik om te vergroten...
je kan overgens de plaatjes-locatie totaal opgeven.

:thumb:
 
Laatst bewerkt:
Vegras zei:
Oh, nou, dat kan gewoon met wat javascript hoor. Eigenlijk een soort van standaard 'banner rotatie' script dus:
HTML: 
<img id='imgLocatieOpPagina' src='een.jpg' />
Klik om te vergroten...
En dan is een.jpg gewoon de eerste afbeelding? :)

Vegras zei:
Oh, nou, dat kan gewoon met wat javascript hoor. Eigenlijk je kan overgens de plaatjes-locatie totaal opgeven.
Klik om te vergroten...
Ik wilde gewoon lekker simpel /slideshow/band.png enzo doen, dan kan ik altijd nog van domein wisselen, want dat is uiteindelijk de bedoeling :)

En kan ik ook de alternatieve tekst instellen met dit script?

Maar dan wel iets anders heel raars :( Als ik een PHP Include_Once doe en het bestand op localhost open dan neemt ie de Includes niet op, maar als ik het op mijn FTP Server upload wel :shocked:
 
Laatst bewerkt:
Als je de alt-text ook wilt veranderen, moet je deze regel[JS] document.getElementById('imgLocatieOpPagina').src = plaatjes[huidig];[/JS]weghalen en dit stuk er in de plaats van zetten:
[JS] var el = document.getElementById('imgLocatieOpPagina');
el.src = plaatjes[huidig];
el.alt = altzz[huidig];[/JS]en de vogende regel onder 'var plaatjes=[...];' zetten:
[js]var altzz = ['alt bij plaatje 1', 'alt bij plaatje 2', 'omgwtfbbq'];[/js] :)
 
Laatst bewerkt:
Toch nog een vraagje hier :D Is het ook mogelijk om het met fading te doen en dat je ook nog kunt kiezen tussen plaatjes met pijltjes?
 
Jawel, maar dan ga je een hele andere kant (moeilijkere kant) op. Google naar 'javascript image galery fade' oid.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan