GoldenLine
Zaloguj się
Łukasz D.

Łukasz D. Klikam trochę tu i
tam...

Temat: slider fade in/out + IE + pngFix (nie działa)

Witam

Potrzebuje drobnej pomocy mianowicie, nie działa mi fix na zmieniających się png (te talerzyki po prawej) Winę ponosi slider, ponieważ po jego usunięciu i zostawieniu jednej fotki wszystko jest ok, ale takie rozwiązanie mnie nie uszczęśliwia...
screen
JS do slidera
http://tokyosushi.com.pl/_new/js/jquery.cycle.all.js


		$(document).ready(function(){

			$('#myslides').cycle({

				fx: 'fade',

				speed: 2000,

				timeout: 3000

			});

		});

Aktualnie wyrzuciłem ze strony tego fixa i testuje inne...

Zrobiłem test na oryginalnych plikach i jest to samo
http://tokyosushi.com.pl/_new/fix/iepngfix.html

Może ktoś zorientowany obiektowo podsunie jakieś rozwiązanie?

Z góry dziękuje i pozdrawiam :)
Link do wypowiedziLink

konto usunięte

Temat: slider fade in/out + IE + pngFix (nie działa)

Z ciekawości - która przeglądarka z obecnie używanych przez ludzi nie obsługuje jeszcze wystarczająco .png? ;)
Link do wypowiedziLink

konto usunięte

Temat: slider fade in/out + IE + pngFix (nie działa)

pngfixy i roznej masci animacje jquery nie ida w parze, sugeruje odrazu porzucic temat i nie marnowac czasu na to.
Link do wypowiedziLink
Łukasz D.

Łukasz D. Klikam trochę tu i
tam...

Temat: slider fade in/out + IE + pngFix (nie działa)

Porzucić to sugerowałbym IE :)

Dzięki za odpowiedz
pzdr.
Link do wypowiedziLink

konto usunięte

Temat: slider fade in/out + IE + pngFix (nie działa)

Ale dla jakiej Ty wersji IE robisz stronę? Chyba nie chcesz mi napisać, że wspierasz coś poniżej IE8? :)
Link do wypowiedziLink
Łukasz D.

Łukasz D. Klikam trochę tu i
tam...

Temat: slider fade in/out + IE + pngFix (nie działa)

Nie wiem, czy "wspierać" to odpowiednie słowo. Klient zawsze ma IE, a jak nie ma to ktoś, komu się pochwali na bank będzie miał, więc staram się unikać zbędnych telefonów. Do tego dużo firm leci na starych przeglądarkach, a to nie jest strona dla Pana Heńka co spawa tłumiki w osiedlowym śmietniku, przerobionym na garaż :)


Obrazek

Nie wygląda to smacznie. O ile te krzaki na górze to niedociągnięcia po tablecie, o tyle ten "cień" na dole wygląda biednie. W ósemce jest ten sam scenariusz...

Zawszę mogę udostępnić użyszkodnikom spod znaku IE mobilną, uproszczoną wersję, za działanie na szkodę internetu :)
Link do wypowiedziLink
Paweł Dymek

Paweł Dymek Full Stack Web &
Mobile Developer

Temat: slider fade in/out + IE + pngFix (nie działa)

IE 8 nie obsługuje poprawnie przezroczystości w PNG po ustawieniu wartości opacity innej, niż "1". Wówczas na krawędziach pojawia się takie czarne obramowanie, jak na załączonym przez Ciebie przykładzie.

Można sobie z tym poradzić. Musisz najpierw dodać dla obrazu następujące reguły CSS:
background: transparent;

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";


Następnie wsadzasz obraz w jakiś kontener, np. w div i to właśnie na nim przeprowadzasz animację, zamiast bezpośrednio na obrazie.

Na jsFiddle umieściłem przykład jak powinno to wyglądać:
http://jsfiddle.net/7z9Kt/

Efekt w IE 8 po ustawieniu opacity dla img na 0.5 bez żadnych kombinacji:
http://imgur.com/8cuGYve

Efekt w IE 8 po zastosowaniu powyższego sposobu:
http://imgur.com/10iJJC5

Innym i prostszym sposobem jest ustawienie po prostu jednolitego tła dla img, jednak w tym przypadku nie możesz tego zrobić, bo pod nim jednolitego tła nie masz.

Wspieranie niższych wersji IE, niż 8 mógłbyś naprawdę już odpuścić - szkoda czasu, jak pisali już poprzednicy. Nie ma potrzeby wydłużania ich obecności w internecie.Paweł Dymek edytował(a) ten post dnia 08.03.13 o godzinie 21:29
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj