Kezdőlap > Kategorizálatlan > A Google Images – Filp 2D

A Google Images – Filp 2D

2008. június 9. hétfő Hozzászólás Go to comments

A legutóbbi írásomba, egyes alkalmazások rejtett beállításait mutattam be. De ne gondoljuk, azt, hogy csak desktop alkalmazásoknak lehetnek ilyen rejtett beállításai, lehetnek akár webes alkalmazásoknak is. Erre kitűnő példa a Google Images szolgáltatása, hisz egy kis javascript segítségével a kereset képek úszkáln fognak előttünk a képernyőn.

De nézzük is meg, mit is kell tenni ahhoz, hogy ez működjön.image

  • Indítsunk el a kedvenc böngészőnket. (Gyakorlatilag mindegy, melyiket választjuk, mert mind Internet Explorer, mind Firefox mind pedig Opera alatt is tökéletesen működik)
  • Írjuk be a címsorba a következő címet: http://images.google.com/
  • Keressünk rá egy általunk kiválasztott szóra. Legyen például a: Silverlight
  • Ha megkaptuk a keresés eredményét akkor nincs más dolgunk, mint a címsorba beírni a következő JavaScript kódot:

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position=’absolute’; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval(‘A()’,5 ); void(0)

És már is pörögnek előttünk a képek. 🙂 Na nem mondom, hogy funkcionalitásban ez kifejezetten kényelmes, de viszont egész látványos szolgáltatás.

Persze, ez a kód nem csak a Google Images képeit tudja mozgatni a képernyőn, hanem szinte bármilyen oldal képeit tudja usztatni. A Google Images csak egy nagyon szépen működő példa erre.

Reklámok
Kategóriák:Kategorizálatlan
  1. Még nincs hozzászólás.
  1. No trackbacks yet.

Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés / Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés / Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés / Módosítás )

Google+ kép

Hozzászólhat a Google+ felhasználói fiók használatával. Kilépés / Módosítás )

Kapcsolódás: %s

%d blogger ezt kedveli: