3 replies to this topic

[David]

Ich habe – basierend auf MooTools – eine Funktion geschrieben, die in HTML eingebettete Bilder schützt.

var Spaceball = new Class({

	initialize: function(ImageUrl) {
		$$('img').each(function(el) {
			var size = el.getCoordinates();
			var ball = new Element('div', {
				styles: {
					'width': size.width,
					'height': size.height,
					'z-index': '10',
					'left': size.left + 'px',
					'top': size.top + 'px',
					'position': 'absolute'
				}
			}).inject($(document.body),'top');
		});
	}

});

In HTML rufe ich die Funktion so auf:

window.addEvent('domready', function() {
	var protect = new Spaceball();
});

In Firefox funktioniert diese Funktion einwandfrei, in Safari nicht.
Falls mir jemand sagen kann, warum nicht, wäre ich sehr dankbar. Ich habe schon alles mögliche versucht doch keine Lösung gefunden.

Edit: Gelöst Keine Ahnung woran es lag.

[Pichfl]

Ich wars, hab aus versehen den ganze thread gelöscht, statt meines posts. sorry for that.

Ich würde das image gegen einen span mit display:inline-block und hintergrund austauschen (den hintergrund kriegst du mit .get('src'))

[torhoehn]

Geht es jetzt eigentlich?

[David]

jaja, ich habs einfacher gelöst:

window.addEvent('domready', function(){
	$$('img').each(function(el){
		el.addEvent('mousedown',function(e){
			e.stop();
		});
	});
});