| Autor |
Nachricht |
wysiwyg
Threadersteller
Dabei seit: 02.03.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 03.02.2010 18:02
Titel [JavaScript] Bilder Zoom - Fehler im IE |
  |
|
Hallo zusammen,
ich habe ein Projekt von einem Mitarbeiter übergeben bekommen, bei dem u.a. ein Bild gozoomt werden soll. Im Firefox klappt es auch schon problemlos aber im IE wird der Hintergrund zuerst schwarz statt nur ausgegraut. Weiß jemand Rat?
| Code: | function zoomImg(id) {
var imgWidth = document.getElementById('foto-' + id).style.width;
if(imgWidth == '260px' || imgWidth == null || imgWidth == '') {
$('#foto-' + id).css({ zIndex: 10000 });
$('#foto-' + id).animate({ width:560, height:409 }, 250);
$('#foto-' + id + ' img').animate({ width:560, height:409 }, 250);
$('#foto-' + id + ' a.link').html("schließen");
$('#dimmer').css({ display: 'block' });
$('#dimmer').animate({ opacity: '.66', filter: "alpha(opacity=66)" }, 500);
$('#foto-' + id + ' div a').attr('href', '#anchor-' + id);
} else if(imgWidth == '560px') {
$('#foto-' + id).animate({ width:260, height:190 }, 250);
$('#foto-' + id + ' img').animate({ width:260, height:190 }, 250);
$('#foto-' + id + ' a.link').html("größere Ansicht");
$('#dimmer').animate({ opacity: '0', filter: "alpha(opacity=0)" }, 500, function() {
$('#dimmer').css({ display: 'none' });
$('#foto-' + id).css({ zIndex: 1 });
var lastUrl = $('#node-' + id + ' .angaben h1 a').attr('href');
$('#foto-' + id + ' div a').attr('href', lastUrl);
});
}
$('#foto-' + id + ' div a').click(function () {
if($('#foto-' + id + ' div a').attr('href') == '#anchor-' + id) zoomImg(id);
});
} |
Vielen lieben Dank für Antworten!
MfG
|
|
| |
  |
 |
| |
|
|
wysiwyg
Threadersteller
Dabei seit: 02.03.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 05.02.2010 13:26
Titel
|
|
|
|
Niemand eine Idee?
|
|
| |
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 23
Geschlecht: 
|
Verfasst Do 11.02.2010 21:15
Titel
|
|
|
| wysiwyg hat geschrieben: | | Niemand eine Idee? |
Nur eine grobe Ahnung:
Ersetze durch
|
|
| |
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: Augsburg
Alter: 21
Geschlecht:
|
Verfasst Fr 12.02.2010 08:21
Titel
|
|
|
Nachdem du mit jQuery arbeitest müsstest du | Code: | | .animate({ opacity: '0', filter: "alpha(opacity=0)" }, 500, [..etc..]) |
mit | Code: | | .animate({ opacity: '0'}, 500, [..etc..]) |
bzw. | Code: | | .fadeOut(500, [..etc..]) |
ersetzten können.
----
Ach ja vlt. noch | Code: | | .css({ display: 'none' }); |
mitdem hier ersetzten, hat aber nichts mit deinem Problem zu tun, ist nur kürzer 
|
|
| |
 |
|
wysiwyg
Threadersteller
Dabei seit: 02.03.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 22.02.2010 10:35
Titel
|
|
|
Super, das hat geklappt. Vielen lieben Dank.
Jetzt hab ich nur noch das Problem, dass man im IE7 die Vergrößerung nicht mehr schließen kann, weil der schließen-Button und das Bild hinter dem ausgegrauten liegt.
Jemand eine Ahnung, woran das liegen könnte?
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Problem Javascript Image Zoom
Zoom Bilder
Flash: bilder zoom per tween
Hm Javascript Fehler aber weshalb
JavaScript - Onclick Fehler im IE
javascript->MouseOver->wo liegt der Fehler
|
|
Willkommen auf dem Portal für Mediengestalter
