Hogyan készítsünk galériát a bloggerrel készített képekről - példák

Itt minden többé-kevésbé világos. A végeredmény megközelítőleg a következő:

Hogyan készítsünk galériát a bloggerrel készített képekről - példák

A webhely vagy blog hozzáadásának kódja

A fórum beillesztési kódja (BBCode)

Egy kicsit részletesebben megérinti a címke textarea - ez a terület, amelyben megadjuk a javasolt képkódot. Számos böngészőben természetesen nem az IE-ben, a jobb sarok alján három pontot látunk háromszög formájában. Azt mondják, hogy ezt az űrlapot szűkítheti vagy megnyújthatja, az egérrel (pontokkal) rögzítve.

Itt a következő textarea attribútumokat használtam:
  • cols a szélessége,
  • sorok - magasság,
  • readonly = "readonly" - a mezőt a felhasználó nem módosíthatja.

A kérdés második része: hogyan lehet dinamikusan átméretezni egy képet.

Már nem rossz. De nézzük meg a kérdés második részét:

"Hogyan tehetem meg, hogy amikor a képre kattintasz, megnő."

Megpróbáltam elmagyarázni a választ az előző cikkben. De néztem Yandeks.Kartinki, ahol kiválaszthatja a megfelelő képméretet, és használja a Picasa Web Album, amely, mint láttuk, könnyen változtatni a szélességét és magasságát a képek lassítása nélkül oldalletöltés. Úgy döntöttem, hogy bonyolítja a feladatomat. Ez azt jelenti, hogy az eredmény legyen: egy legördülő lista, ahol az egyik paraméter kiválasztásakor a kép méretét és adatait a szöveges címke változásánál változtatja meg. Nem tudom írni szkripteket, ezért használtam a css-tricks.com opciót. helyesbítve a célunkat.

Íme, mit kell tenned a hatás elérése érdekében:

Shag.1. után adj hozzá egy szkriptet a jQuery könyvtárhoz (a Blogger a Tervezés lapon - a HTML szerkesztése):

Shag.2. Az írás idejében helyezze be a kódot:

Egyrészt a cél elérése, másrészt nyilvánvalóan hiányosságok vannak a következőkben: ideális esetben szeretnék csökkenteni a kézi munkát, és csak egyszer beilleszteni a fénykép URL-jét. Talán valaki az olvasó tulajdonában van a szabad idő és a vágy, hogy javítsa ezt a kódot.

A "Mentés" linkek összekapcsolása a Picasa képekkel.

A végét megváltoztatva megkapjuk az URL-t
amit az építés során kötünk

A kérdés harmadik része: Hogyan készítsünk egy fotóalbumot a Bloggeren?

és hozzák be egy másik oldalra, ahol közel van?

Kapcsolódó cikkek