 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
Basti82
Threadersteller
Dabei seit: 01.11.2005
Ort: Hessen
Alter: 41
Geschlecht: 
|
Verfasst Fr 18.09.2009 11:54
Titel JavaScript Slider Problem |
  |
|
Hallo an alle Forumuser,
habe Ihr für euch eine Demo aufgebaut:
http://kunde.ingeniumdesign.de/slider-javascript/
Der Slider hat Probleme mit dem Background und "zuckelt" auch im IE8.
Wie bekomme ich es hin, dass ich im IE7,IE8,FF2 usw. die gleiche Optik habe.
Wenn ich im IE8 und IE7 das Menü öffne, erscheint kurz ein schwarzer Background, erst dann wird das "png" geladen!
Nur warum ist das so, was müsste ich noch ändern?
am css oder js :/
Würde mich sehr über Hilfe freuen!
Danke Euch allen Basti
|
|
| |
   |
 |
willshedo
Dabei seit: 21.12.2005
Ort: Waldshut
Alter: 51
Geschlecht: -
|
Verfasst Di 22.09.2009 12:52
Titel
|
|
|
Hi,
könnten deine opacity-Angaben im Css sein. Wozu brauchst du die denn, wenn du sowieso ein Png verwendest?
Wenn ich mir dein Png kopiere und öffne, sehe ich darin auch die schwarze Hintergrundfarbe. Vllt solltest du das einfach nochmal korrekt abspeichern mit der Transparenz?
Grüße,
|
|
| |
|
|
|
Anzeige
|
|
|
Basti82
Threadersteller
Dabei seit: 01.11.2005
Ort: Hessen
Alter: 41
Geschlecht:
|
Verfasst Di 22.09.2009 13:32
Titel
|
|
|
| willshedo hat geschrieben: | Hi,
könnten deine opacity-Angaben im Css sein. Wozu brauchst du die denn, wenn du sowieso ein Png verwendest?
Wenn ich mir dein Png kopiere und öffne, sehe ich darin auch die schwarze Hintergrundfarbe. Vllt solltest du das einfach nochmal korrekt abspeichern mit der Transparenz?
Grüße, |
ohh, okay, baue gerade mal den opacity raus, dass mit dem schwarzen bg sehe ich garnicht :/
http://kunde.ingeniumdesign.de/slider-javascript/images/navi_bg.png
wenn du den im FireFox öffnest, siehst du dann einen schwarzen bg?
|
|
| |
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Di 22.09.2009 13:55
Titel
|
|
|
der ie kann pngs mit alphatranzparenzen nicht ordentlich faden.
gib ihm einfach ein gif für die Zeit des einblendens und ersetze dieses bei fertigstellung des effektes durch ein png.
also etwa so :
| Code: |
function navi_button(){
open = $("#navi_button_open");
close = $("#navi_button_closed");
container = $("#menue_container");
if ($('#navi_button_open').css('display') == 'none'){
close.css('display','none');
open.css('display','block');
container.fadeOut("slow");
} else {
$.each(jQuery.browser, function(i,val) {
if( i == 'msie' && val == true) {
container.addClass("ieFade");
}
});
container.fadeIn("slow",function callback() {
$.each(jQuery.browser, function(i,val) {
if( i == 'msie' && val == true) {
container.removeClass("ieFade");
}
});
});
open.style.display = 'none';
close.css('display','block');
}
}
|
// Edit: ich habe grad noch mal nachgesehen - scheinbar klappt das mit neueren versionen von jquery doch.
versuch mal das menü in ein weiteres div zu packen und dieses zu faden. zumindest wird hier behauptet, dass es funktioniert.
Zuletzt bearbeitet von sahnemuh am Di 22.09.2009 14:30, insgesamt 1-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Problem mit nivo Slider
Problem mit Slider / jQuery / PHP / mySQLi
Jssor Slider und Chrome Retina Problem
jQuery Info Slider (Content Slider)
Javascript Problem
JavaScript - Problem?
|
|
|
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.
|
|
