Oldal hozzáadása a kedvencekhez... Facebook profilom RSS Csatorna Ugrás a VírusEllen oldalra... Ugrás a vtsoftware.hu-ra...

Mindig tanulok...

2008. december 07. 00:31 - Megtekintve: 0x
Épp Ampervadász blogját építgetem, már az Admin felületnél tartok és megint felfedeztem valamit, megint egy jó dolgot "tanultam", vagy jöttem rá...
Még tegnap, vagy előtte nem is tudom, mondta Amperember aki vadássza az ampereket :D, hogy úgy szeretné a galériát, hogy a képet meg lehessen nézni nagy méretben is. Legyen valami popup-os (előugró ablakos) módszer.
Nem-nem, mondom, mert azt lehet, hogy néhány ember böngészője tiltja, és akkor többet kell kattintgatni, hogy megnézhesse a képet.

Ekkor jutott eszembe, hogy van nekem egy slimbox nevezetű úm. komponensem amivel a böngészőben, az oldalra mondhatni rásimulva jelenik meg egy másik ablak amiben lehet egy másik oldalt megnyitni, képet megjeleníteni.
Itt a kulcs, a kép... :) De nekem valahogy nem sikerült eddig rábírni a képmegjelenítésre.

Végigtúrtam a netet még Fery honlapjánál - mivel ott is használtam slimbox-ot. Ott találtam másik megoldást, de lehet egy kis szerkesztást fogok Fery oldalán is végrehajtani mert rengeteg ismeretet szereztem MySQL kezelésben PHP-vel... ott még gyerekcipő volt ez a téma, de mostmár "váágom mint peti a parizelt" :D

Visszatérve, rákukkantottam a Slimbox kódjára, és megtaláltam...

var re_imageURL = /.(jpe?g|png|gif|bmp)/i;
if( url.match(re_imageURL) )
{
this.preload = new Image(); // JavaScript native Object
this.preload.datatype = 'image';
this.preload.w = this.matchOrDefault(rev, new RegExp("width=(\d+%?)", "i"), -1); //-1 if use original size.
this.preload.h = this.matchOrDefault(rev, new RegExp("height=(\d+%?)", "i"), -1);
this.preload.onload = this.nextEffect.bind(this);
this.preload.src = url;
}
else
{
this.preload = new Object (); // JavaScript native Object
this.preload.datatype = 'iframe';
this.preload.w = this.matchOrDefault(rev, new RegExp("width=(\d+)", "i"), this.options.defaultIframeWidth);
this.preload.h = this.matchOrDefault(rev, new RegExp("height=(\d+)", "i"), this.options.defaultIframeHeight);
this.preload.src = url;
this.nextEffect(); //asynchronous loading
}

Ez annyit csinál, hogy megnézi, hogy a re_imageURL-ben megadott karakterek benne vannak-e az url változóban.
És működik... de még át kell dolgozni egy kicsit.

Milyen érdekes. Folyamatosan bővül a "tudásom" tárháza.
Fery weboldalán tanultam meg mondhatni a MySQL kezelését, Ampervadász oldalán pedig egy profi képmegjelenítési módszert találtam.
Töck' jó...

Hozzászólások:

Új hozzászólás...

Neved:
e-Mail címed:
Hozzászólásod:
pocketsize
pocketsize
pocketsize
pocketsize