-
1. Data: 2011-11-01 15:37:52
Temat: Jak osiągnąć efekt?
Od: Marek <p...@s...com>
Witam,
Mamy sobie kolumnę newsów - każdy z miniaturką zdjęcia. Potrzebny jest
efekt polegający na jakimś zanimowaniu tej miniaturki. Pomyślałem sobie, że
możnaby zrobić taki efekt we Flashu. Flash załadowałby do siebie to zdjęcie
i odpowiednio zanimował. Jest tylko kwestia jak przekazać mu URL obrazka
jeśli nie chciałbym uniknąć tony kodu na jednego newsa. Wymyśliłem coś
takiego:
<div class="news>
<div id="miniaturka01" url="url_obrazka"><div>
...
</div>
<div class="news>
<div id="miniaturka02" url="url_obrazka"><div>
...
</div>
itd
Kod JS zastępowałby każdego DIV'a "miniaturka" Flashem i przekazywałby mu
atrybut URL tego diva. Tu jest jednak pewien kłopot. DIV'y nie posiadają
atrybutu URL więc taki projekt nie przejdzie walidacji HTML. Jak to można
elegancko zrobić?
-
2. Data: 2011-11-01 16:12:58
Temat: Re: Jak osiągnąć efekt?
Od: Artur Kosmal <a...@g...pl>
W dniu 2011-11-01 16:37, Marek pisze:
> Witam,
>
> Mamy sobie kolumnę newsów - każdy z miniaturką zdjęcia. Potrzebny jest
> efekt polegający na jakimś zanimowaniu tej miniaturki. Pomyślałem sobie, że
> możnaby zrobić taki efekt we Flashu. Flash załadowałby do siebie to zdjęcie
> i odpowiednio zanimował. Jest tylko kwestia jak przekazać mu URL obrazka
> jeśli nie chciałbym uniknąć tony kodu na jednego newsa. Wymyśliłem coś
> takiego:
>
> <div class="news>
> <div id="miniaturka01" url="url_obrazka"><div>
> ...
> </div>
>
>
> <div class="news>
> <div id="miniaturka02" url="url_obrazka"><div>
> ...
> </div>
>
> itd
>
> Kod JS zastępowałby każdego DIV'a "miniaturka" Flashem i przekazywałby mu
> atrybut URL tego diva. Tu jest jednak pewien kłopot. DIV'y nie posiadają
> atrybutu URL więc taki projekt nie przejdzie walidacji HTML. Jak to można
> elegancko zrobić?
tak na szybko: w diva wsadzic object i przekazywac przez param ?
-
3. Data: 2011-11-01 19:46:47
Temat: Re: Jak osiągnąć efekt?
Od: NotBear <p...@i...pl>
W dniu 2011-11-01 16:37, Marek pisze:
> Jest tylko kwestia jak przekazać mu URL obrazka
> jeśli nie chciałbym uniknąć tony kodu na jednego newsa.
Uzywajac elementow do tego przeznaczonych:
<div class="news>
<img src="url_obrazka" alt="...">
...
</div>
Kto nie ma flasza dostanie statyczny obrazek. Flaszolubom zastapisz IMG
czym Ci sie tylko podoba. Animacja moze przyjmowac URL w parametrze
flashVars.
--
NotBear
-
4. Data: 2011-11-01 21:15:27
Temat: Re: Jak osiągnąć efekt?
Od: porneL <n...@p...net>
On Tue, 01 Nov 2011 15:37:52 -0000, Marek <p...@s...com> wrote:...
> Mamy sobie kolumnę newsów - każdy z miniaturką zdjęcia. Potrzebny jest
> efekt polegający na jakimś zanimowaniu tej miniaturki. Pomyślałem sobie,
> że możnaby zrobić taki efekt we Flashu.
Animowanie obrazków ...we Flashu!? Ale staroświecko... ;)
http://greweb.fr/slider/
--
regards, porneL
-
5. Data: 2011-11-01 22:10:45
Temat: Re: Jak osiągnąć efekt?
Od: "M.G." <k...@t...zna>
On Tue, 01 Nov 2011 21:15:27 -0000, porneL wrote:
> On Tue, 01 Nov 2011 15:37:52 -0000, Marek <p...@s...com> wrote:...
>
>> Mamy sobie kolumnę newsów - każdy z miniaturką zdjęcia. Potrzebny jest
>> efekt polegający na jakimś zanimowaniu tej miniaturki. Pomyślałem sobie,
>> że możnaby zrobić taki efekt we Flashu.
>
> Animowanie obrazków ...we Flashu!? Ale staroświecko... ;)
>
> http://greweb.fr/slider/
+1!
--
M.G.
-
6. Data: 2011-11-02 11:44:59
Temat: Re: Jak osiągnąć efekt?
Od: Exe Very Cute <k...@p...onIet.pl>
W dniu 2011-11-01 23:10, M.G. pisze:
> On Tue, 01 Nov 2011 21:15:27 -0000, porneL wrote:
>
>> On Tue, 01 Nov 2011 15:37:52 -0000, Marek<p...@s...com> wrote:...
>>
>>> Mamy sobie kolumnę newsów - każdy z miniaturką zdjęcia. Potrzebny jest
>>> efekt polegający na jakimś zanimowaniu tej miniaturki. Pomyślałem sobie,
>>> że możnaby zrobić taki efekt we Flashu.
>>
>> Animowanie obrazków ...we Flashu!? Ale staroświecko... ;)
>>
>> http://greweb.fr/slider/
>
> +1!
>
Fajne, szkoda że _jeszcze_ nieużywalne :(
Pozdr
Exe Very Cute
-
7. Data: 2011-11-02 12:10:23
Temat: Re: Jak osiągnąć efekt?
Od: "M.G." <k...@t...zna>
On Wed, 02 Nov 2011 12:44:59 +0100, Exe Very Cute wrote:
[...]
>>> http://greweb.fr/slider/
>>
>> +1!
>>
>
> Fajne, szkoda że _jeszcze_ nieużywalne :(
Ale czemu? Jest dobrze w Fx, Chrome i Operze. Nawet w IE9 jest nieźle, bo
nie działa tylko jeden efekt i to najprotszy (paradoksalnie). Starszym
przeglądarkom zapewniasz prostą wersję efektu i tyle.
--
M.G.
-
8. Data: 2011-11-02 15:20:42
Temat: Re: Jak osiągnąć efekt?
Od: Exe Very Cute <k...@p...onIet.pl>
W dniu 2011-11-02 13:10, M.G. pisze:
> On Wed, 02 Nov 2011 12:44:59 +0100, Exe Very Cute wrote:
>
> [...]
>
>>>> http://greweb.fr/slider/
>>>
>>> +1!
>>>
>>
>> Fajne, szkoda że _jeszcze_ nieużywalne :(
>
> Ale czemu? Jest dobrze w Fx, Chrome i Operze. Nawet w IE9 jest nieźle, bo
> nie działa tylko jeden efekt i to najprotszy (paradoksalnie). Starszym
> przeglądarkom zapewniasz prostą wersję efektu i tyle.
Fajnie takie rzeczy stosować, niestety w ograniczonym zakresie. Dlatego
że klientowi nie przetłumaczę czemu "u niego w biurze" widać animację a
na laptopie żony już nie... ale do jakiś mniejszych zleceń czy do
"swoich" stron jak najbardziej jest to "adoptowalne". Chyba że (jak
często się zdarza) skrypt ma swój JSowy odpowiednik który można
zaaplikować starszym przeglądarkom - wtedy hulaj dusza ;-]
Pozdr
Exe Very Cute
-
9. Data: 2011-11-02 15:39:07
Temat: Re: Jak osiągnąć efekt?
Od: "M.G." <k...@t...zna>
On Wed, 02 Nov 2011 16:20:42 +0100, Exe Very Cute wrote:
[...]
>> Ale czemu? Jest dobrze w Fx, Chrome i Operze. Nawet w IE9 jest nieźle, bo
>> nie działa tylko jeden efekt i to najprotszy (paradoksalnie). Starszym
>> przeglądarkom zapewniasz prostą wersję efektu i tyle.
>
> Fajnie takie rzeczy stosować, niestety w ograniczonym zakresie. Dlatego
> że klientowi nie przetłumaczę czemu "u niego w biurze" widać animację a
> na laptopie żony już nie...
Ale dlaczego nie? Nie spotkałem jeszcze osoby, której nie dałoby się tego
wyjaśnić. W zasadzie powinno to być elementem rozmowy przed rozpoczęciem
projektu (specyfika medium, różnice w przeglądarkach).
[...]
--
M.G.
-
10. Data: 2011-11-02 15:55:46
Temat: Re: Jak osiągnąć efekt?
Od: Marek <p...@s...com>
Dnia Tue, 01 Nov 2011 17:12:58 +0100, Artur Kosmal napisał(a):
>
> tak na szybko: w diva wsadzic object i przekazywac przez param ?
Właśnie chodzi mi o uniknięcie tony kodu. Wyobraź sobie 20 newsów a każdy z
nich z object'em i parametrami. Zależy mi na w miarę dobrym przeliczniku
treści do kodu.