Tietäisikö kukaan helpohkoa tapaa näyttää esimerkiksi 468 x 60 (full size) mainosbannereita sivulla vuorotellen? Ne voisivat vaihtua esimerkiksi aina, kun sivun lataa uudelleen tai jonkun säädetyn ajan kuluttua.
Tarvitaan varmaan joku scripti, mutta en hallitse sitä puolta. Jos valmis scripti löytyisikin, miten se asennetaan palvelimelle ja kuinka sitä voi käyttää palvelimelta?
HTML sujuu joten kuten.
Ohjelmanpätkää voisi kai käyttää myös kuvien automaattiseen vaihtoon sivulla.
Tarvitaan varmaan joku scripti, mutta en hallitse sitä puolta. Jos valmis scripti löytyisikin, miten se asennetaan palvelimelle ja kuinka sitä voi käyttää palvelimelta?
HTML sujuu joten kuten.
Ohjelmanpätkää voisi kai käyttää myös kuvien automaattiseen vaihtoon sivulla.
Vastaukset 7
Vanhimmat
Tämä osio ei taida olla kovin aktiivinen, mutta jos joku muu on kiinnostunut aiheesta, niin bannereita voi kierrättää satunnaisesti seuraavalla ohjelmanpätkällä:
#link_img { display:block; border:0; }
var links=[
'http://www.wetteri.fi/', /* add as many links as you like! */
'http://www.autokumi.fi/',
'http://www.kangasvilla.fi/',
'http://www.ajassanyt.net/',
'http://www.kempeleenkylakauppa.com/' /*note:- no comma after last item */
];
var pics= [
'http://www.ajassanyt.net/user/cimage/wetteri.jpg', /* txt length must equal the link length */
'http://www.ajassanyt.net/user/cimage/autokumi.jpg',
'http://www.ajassanyt.net/user/cimage/kangasvilla.gif',
'http://www.ajassanyt.net/user/image/ajassanytbanneri.gif',
'http://www.ajassanyt.net/user/cimage/kempeleen-kylakauppa.jpg' /* note:- no comma after last item */
];
var speed=5000; /*this is the time in milliseconds adjust to suit*/
var c;
function init() {
l=document.createElement('a');
l.setAttribute('id','link')
i=document.createElement('img');
i.setAttribute('id','link_img');
l.appendChild(i);
document.getElementById('banner').appendChild(l);
obj0=document.getElementById('link');
obj1=document.getElementById('link_img');
num=Math.floor(Math.random()*links.length);
obj0.href=links[num];
obj1.src=pics[num];
c=num;
showlink();
}
function showlink() {
obj0.href=links[c];
obj1.src=pics[c];
c ;
if(c==links.length) {
c=0;
}
setTimeout(function(){showlink()},speed);
}
if(window.addEventListener){
window.addEventListener('load',init,false);
}
else {
if(window.attachEvent){
window.attachEvent('onload',init);
}
}
en tutkaillut kooodia, mutta olethan varma, että kuvan vaihtuessa selaimen back nappi antaa käyttäjän siirtyä edelliselle sivulle?
Tarkoitan, että usein karusellit tekevät niin että selaimen back napi vaihtaa ja näyttää vain edellisen kuvan, mutta EI edellistä sivustoa.
PS.
Avainsana kysymykseesi on img rotation ja loogisempi osasto kysymyksellesi olisi ollut "java script".
Kokeilin google chromella. Selaimen nappi antaa siirtyä edelliselle sivulle.
Olet oikeassa, oikeampi osasto olisi ollut "java script", mutta mutta...
Aloittelija ei oikein voi tietää, miten jonkin ominaisuuden toteuttaisi. Sitähän alun perin kysyinkin.
Amerikkalaisilta keskustelupalstoilta vastauksen sainkin sitten nopeasti :-)
Joo Suomessa ollaan vähän skuttamailla vielä näillä foorumeilla. Ihmiset kiinnittää enemmän huomiota viestin asettelun korrektiuteen kuin itse ongelmaan. Ollaan tyytyväisiä jos päästään vähän näpäyttämään tietämätöntä :)
Tarkoitukseni ei ollut todellakaan päteä. Näin viestin vain niin sanotusti liian myöhään. Mutta anti jonka alkuperäisen kysyjän jatkokysymyksiä ajatellen oli se, että alkuperäinen kysyjä osaa kysyä kysymykset oikealla palstalla, jolloin hän saa todennäköisemmin kysymykseensä vastaukset.
Sorry, jos saitte mielikuvan että haluan päteä.
nimim.
Mies yli 30v.
Sori, ei ollut munkaan tarkoitus osoittaa sormella teitä, jotka annoitte kysyjälle asiallisia vastauksia. Vähän huono tuo mun viestin sijottelu :)
Korjataan nyt, että arvosteluni kohde on ns. asiantuntijafoorumit ja muut yleisesti.
http://www.dynamicdrive.com/dynamicindex4/index.html
http://www.lousyllama.com/sandbox/rotating-banner
http://www.php-help.ro/examples/slideitmoo_1.1/
google! rotating banner tj..
t.jquerymootoolsscriptaculousajax