Postani gejmer/promo banner

Kako ste raja ... nadam se da ima osoba koji se pored gejminga razumiju malo i u web ... i zele pomoci..

Vidio sam ovaj promo banner , tj promo banner koji je prikazan korisnicima koji nisu logovani ... ono postani gamer ...
Uvezi se sa rajom ... Postavi pitanje ... Prenesi znanje etc ...

Pretpostavljam da je u pitanju samo neki java script ..
da li neko zna konkretno o cemu se radi.. tj kako da napravim slican banner .. znaci sa tom hover funkcijom koja ce dati odredjenu sliku .. text bilo šta ...

btw ne kopiram gamers .. jednostavno bi volio znati kako se radi .. jer je kul ...
pozdrav

LOL pa normalno da ti niko netje objasnit kad copyras nekog mislim od ovog sajta je to i ti na njemu trazis da ti to neko da

Smisao : Nema ga .

Epic Fail

jel tebe j*b* lag pa nemoš igrat ? doso ovdije brljavit ...

neam šta njih kopirat kada niti su oni izmislili ovaj koncept (100% uvjeren).. niti su pisali custom js za taj promo banner (mada vjerujem da su u stanju) ... vjerovatn su naletili na skripticu na netu ...
promijenili eventhandlers-e & voila ...

niti tražim servirano na tanjuru kako ti pretpostavljas ..
treba mi "kljucna rijec" o kakvoj skriptici se rad .. kako da ju nadjem .... a za ostalo ne sekiraj se ... niti sam toliki kloc da uradim slican banner ... niti bi ti to ikad vidia jer site koji radim nije namijenjen ni za G od gamer-a!
aj boK

Istina, ovo nisam radio 'od 0' već "posudio" sa nekog sajta i samo prepravio da radi sa prototype-om.

Možeš ovo udesiti i na lakši način sa onmouseover sa funkcijom koja će uzimati ID elementa i sliku koja treba u njemu da se prikaže te onmouseout setovati display="none" ili innerHTML='' na tu istu sliku/element.

Bitno ti je samo da se uradi preload slika.

Kemo ima smjesnih imena ovdje
"nemojMiVise xD


/* Promo Bar
* Enable image switch onhover for li's in promo-bar
*/
var PromoBar = Class.create({
timeTillHide: 500,

initialize: function(id, contents) {
// loop through all a elements in the promo bar, append events on them, then preload images
this.preloadImages = [];

for (var i = 0; i < contents.length; i++) {
if (contents[i].length == 3) {
var aElm = $$('#' + id + ' a.' + contents[i][0])[0];
aElm.onmouseover = aElm.onfocus = this.displayDetails.bindAsEventListener(this);
aElm.onmouseout = aElm.onblur = this.hideDetails.bindAsEventListener(this);
aElm.setAttribute('akcijaBaid', i);

this.preloadImages[i] = new Image();
this.preloadImages[i].src = contents[i][1];
}
}

// constants
this.akcijaBaContents = contents;
this.akcijaBaElm = $('akcijaBa');
this.akcijaBaDetails = new Element('em', {id: 'akcijaBaDetails', style: "display:none"});
this.akcijaBaElm.appendChild(this.akcijaBaDetails);
},

displayDetails: function(e) {
var id = Event.element(e).getAttribute('akcijaBaid');
this.akcijaBaDetails.style.backgroundImage = 'url(' + this.akcijaBaContents[id][1] + ')';
new Effect.Appear(this.akcijaBaDetails, {duration: .2});
},

hideDetails: function(e) {
this.akcijaBaDetails.style.display = "none";
}
});

document.observe('dom:loaded', function(){
if ($('promo'))
new PromoBar('promo', [
['track', '/slike/promo_track_blend.png', 'Uveži sa rajom'],
['discover', '/slike/promo_discover_blend.png', 'Pokaži šta igraš'],
['share', '/slike/promo_share_blend.png', 'Postavi pitanje'],
['updates', '/slike/promo_updates_blend.png', 'Prenesi znanje']
]);
});
function nemojMiVise(id) {
new Ajax.Request('/promo-ajax.php', {
method: 'get',
parameters:{nemojMiVise:id},
onSuccess:Effect.BlindUp('promo')
})
}

Zahvaljujem na odg ... momci!
Thnx