mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 17:51 Benutzername: Passwort: Auto-Login

Thema: [JavaScript] Bilder Zoom - Fehler im IE vom 03.02.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> [JavaScript] Bilder Zoom - Fehler im IE
Autor Nachricht
wysiwyg
Threadersteller

Dabei seit: 02.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 03.02.2010 19:02
Titel

[JavaScript] Bilder Zoom - Fehler im IE

 Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden
wysiwyg
Threadersteller

Dabei seit: 02.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 05.02.2010 14:26
Titel

Antworten mit Zitat Zum Seitenanfang
Niemand eine Idee?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Do 11.02.2010 22:15
Titel

Antworten mit Zitat Zum Seitenanfang
wysiwyg hat geschrieben:
Niemand eine Idee?

Nur eine grobe Ahnung:

Ersetze
Code:
alpha(opacity=66)
durch
Code:
alpha(opacity:66)
  View user's profile Private Nachricht senden
emorikaner

Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 12.02.2010 09:21
Titel

Antworten mit Zitat Zum Seitenanfang
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' });
mit
Code:
.hide()
dem hier ersetzten, hat aber nichts mit deinem Problem zu tun, ist nur kürzer Lächel
  View user's profile Private Nachricht senden
wysiwyg
Threadersteller

Dabei seit: 02.03.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 22.02.2010 11:35
Titel

Antworten mit Zitat Zum Seitenanfang
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?
  View user's profile Private Nachricht senden
 
Ähnliche Themen Problem Javascript Image Zoom
Zoom Bilder
Flash: bilder zoom per tween
JavaScript - Onclick Fehler im IE
Navigation mit javascript ausgelagert - wo ist der Fehler
fehler in Nav-menü mit javascript unternavigation
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB