Mam następujące zadanie do zrobienia w javascripcie: spłaszczenie przewijanego tekstu przy górnej krawędzi by dać efekt perspektywy, tak jak w intro gwiezdnych wojen "dawno dawno temu w odległej galaktyce..." http://pl.youtube.com/watch?v=3i0Meu8n28k
Ten tekst następnie ma być umieszczony na stronie internetowej, więc konieczne jest użycie js, jak mogę zniekształcić sekcję div, by dać ten efekt?
Oj, nie wiem czy to się na flashu nie skończy.
dokładnie, jeśli chcesz to mieć profesjonalnie zrobione to tylko we flashu
ewentualnie jeśli to stały tekst to mógłbyś kombinować z obrazkami, ze zmianą czcionki czy ew. z jakimś filtrem pod IE jakbyś znalazł ale nie polecam nawet jeśli sie da
Może to nie jest odpowiedz na pytanie ale ...
Flasha da sie zastąpić (może nie bezboleśnie ale sie da :P) http://webhosting.pl/kategorie/software/2008_01/jak_zastapic_flasha_wprowadzenie_do_svg Tutaj trochę o tym piszą. Zastosowanie xml'a, odpowiednich plików i javascripta może dać ciekawe efekty :) jak np. tutaj : http://people.mozilla.com/~vladimir/demos/photos.svg
Mam wrażenie, że rozwiązaniem może być <canvas> i odpowiednie ręczne rysowanie, ale to element z HTML5 i NajpopularniejszaPrzeglądarkaInternetowa go nie obsługuje.
Nie wspominajcie mi o IE, mam z nim już dosyć kłopotów, od tygodnia się męczę z takim kodem:
function dodajGrafikeDoGalerii(src, width){
var item = document.createElement("img");
this.miniatures4.appendChild(item);
item.style.width=width;
item.style.height=90;
item.width=width;
item.height=90;
item.src=src;
item.style.position="relative";
item.style.left=0;
this.leftMax+=width;
}
który podczas testów na sekcji div o nazwie main jako obiekt this.miniatures4, a po użyciu w tej zmiennej obiektu td tabeli w firefoksie działa prawidłowo, a w IE zmienia automatycznie wartości hight i width na 0:
<IMG style="LEFT: -50px; WIDTH: auto; POSITION: relative; HEIGHT: 90px" height="0" src="file:///C:/Documents%20and%20Settings/js/powst_wlkp_hub/data/gallery/g1.jpg" width="0" />
denerwuje mnie już to i to bardzo ;-<