Képek skálázása highslide js használatával
Kezdjük tehát az integrációt a LAN-ban.
Annak érdekében, hogy képesek legyenek kinagyítani a képet, az elődöknek meg kell lenniük! Most a képtöltés az alábbi séma szerint működik: A fájl letöltése, csökkentése (ha a kép nem illeszkedik a megállapított "keretbe") és a kiszolgálóra mentésre kerül. Tehát a kép kinagyítása érdekében meg kell mentenünk az eredeti, nagy méretben. És ehhez írjuk a következő funkciót
amit hozzáadunk a /include/function.php fájlhoz (egyenesen a végéig)
Ennek a funkciónak a lényege egyszerű. Paraméterként az $ sFileTmp ideiglenes fájl elérési útját hozza létre, létrehoz egy $ dir könyvtárat, és az eredeti képet a $ sFileImg név alatt másolja.
Most a feladatunk a fájl mentése a szerverre való feltöltés után. Ugyanakkor ellenőriznie kell, hogy a kép csökken-e vagy sem. Mi a kétszer ugyanazt a fájlt tárolja? Miért növelné meg, ha nem nő? Ebből a célból a file /include/ajax/uploadImg.php minden sor után (kettő közülük)
illessze be a következő kódot:
Ó, igen! Elfelejtettük meghatározni a $ sBigFile értéket.
A sor beillesztése után
Mit tettünk? Megnéztük a md5 összegét a letöltött fájlt egy ideiglenes könyvtárba, és menti a mappa / feltöltések / Ha ezek különbözőek (megváltozott fájlt - valószínűleg méretezni), majd másolja az eredeti fájlt egy mappába a csökkentett / nagy /. Módja annak, hogy tartsa a változó $ sBigFile. Most adjunk hozzá egy hivatkozás a „nagy” fájlt a HTML kódot a kép:
Megtaláljuk a sort. És miután hozzáadjuk a következő kódot:
Hogy jöttem erre? Egy kicsit a Highslide JS telepítéséről.
A következőképpen konfigurálható (a legegyszerűbb opció, navarotov nélkül). A szkript maga a fejléchez van csatolva, de néhány paramétert (később is) ad meg, és a hivatkozások az alábbiak szerint vannak megadva
Kiváló! Most létrehozzuk a highslide-t.
Először le kell töltenie (érdekli a "Get the zip package"). Eltávolítjuk a csomagolt verziót (highslide \ highslide.packed.js), hogy kisebb méretű legyen. Miért kell a felhasználónak extra kilobájtot letöltenie, ugye?
Töltsd be a mappába / sablonokba / bőrbe / új / js /.
Ezután a letöltött archívumból a highslide \ graphics mappa tartalmát / sablonokat / skin / new / images / highslide / könyvtárba helyezik. Csak a csatlakozás és a konfigurálás maradt!
Ugyanabban a header.tpl. a beillesztett darab felett adja hozzá a kódot:
Mit jelent ez, és a felsorolt opciók teljes listáját, magyarázatot adva nekik, olvassa el a hivatalos highslide honlapot.
Voila! Van méretezhető kép =) Nézze meg, hogyan működik, akkor a projekt fotozhaba.ru.
Ui az előző posztban röviden leírtam ezt a módszert. Megjegyzései szerint a jQuery kódját a Mootools váltotta fel. Amikor ezt a cikket írtam a Mootools-ról, hallottam, amikor ezt írtam - már beszéltem vele, köszönöm a tapasztalat =) A kritika üdvözlendő!
Nem valószínű, hogy valaki meglepődik az a szabály, hogy a pénz nem hazudhat, hanem működik. Miután elolvasta Pavel Vlasov blogját, megtudhatja, hogyan növelheti bevételeit. Egyszerű és érthető nyelven Pavel a Forexről ír.
Hmm ... Néha néha (amennyire láttam a forgatókönyvet), a masterhosthost szerver túlterhelt, és az oldalhoz való hozzáférés átmenetileg korlátozott az 503-as hibán túl ... Furcsa, senki sem látta ezt?
És egy másik kérdés: valamilyen oknál fogva, amikor a skálázó megfelelően működik az FF-ben, az Explorer 7-ben egy nagy képet egyszerűen megnyitnak az ablakban (referenciaként). A felfedező paramétereiben nem találtam semmi olyat, ami megtiltotta a js parancsfájlok végrehajtását ... rosszul néztem valami mást.
Ezzel egyidőben mindenhol felmegy a photojackon, és csak az FF-ben (próbáltam IE, Opera, Chrome - nulla pontot, csak az ablak nyílik meg, és ez van)