imageRollover

Ein Bild, mit Text per Script

window.addEvent('domready', function(){
	new imageRollover({
		image: $('bild1'),
		content: 'Dieses Bild wurde mit Text aus dem Script gefüttert.'
	});
});

Ein Bild, mit HTML-Element per Script

var text = new Element('p', { 'html':'<strong style="color:green;">HTML-Content!</strong><br /><br />Kommt auch aus dem Script.' });
window.addEvent('domready', function(){
	new imageRollover({
		image: $('bild2'),
		content: text
	});
});

Ein Bild, mit HTML-Element aus der Seite und relativ positioniert

H3-Headline!

Ein Link zu Google!

window.addEvent('domready', function(){
	new imageRollover({
		image: $('bild3'),
		content: $('bild3text')
	});
});

Mehrere Bilder, rechts gefloatet

window.addEvent('domready', function(){
	var img = $$('#multibild img');
	img.each(function(el){
		new imageRollover({
			image: el,
			content: new Element('p', { 'html': el.get('title') })
		});
	});
});