ugrás a tartalomhoz

Lightbox JS v2.0 based inline gallery

toxin · 2006. Jún. 19. (H), 14.03
üf kérésre kellett lekódolnom egy lightbox variánst, mivel alapvetően jó dolognak tartom ill. más már ne szenvedjen vele (idáig 2.5 munkanapom van benne) bedobom a közösbe, gondolom a lightbox-os liszenszt viszi tovább

példa
http://toxin.hu/lightbox_gal/index.html

forrás
http://toxin.hu/lightbox_gal/lightbox_gal_b1.zip

doksi helyett a forrást próbáltam kommentezni :) remélem egyértelmű lett, jelenleg két fő gondom van még vele. IE alatt a navigációs sávban a képek áttetszőségét nem tudom 0.8-ra levinni betöltés után, fx alatt látható a cél, ill. fx alatt nemtudtam még megoldani a horizontális scrollbar eltüntetését (ill. hogy csak akkor rakja ki ha van értelme), itt meg IE alatt látható a cél

mivel a képeket amúgy is arányosan átméretezi (elvileg ugye felbontásfüggetlen lett a cucc), külön thumbnail kezelést (márhhogy a navágicós sávba thumb-okat töltsön) eddig nemraktam bele, de majd kéne

ha esetleg van érdeklődés összerittyentek egy lapot neki, addig jól elvan itt is :) uff
 
1

Korrekt, hogy közzétetted

Dualon · 2006. Jún. 19. (H), 14.21
"Ticctelet!"
2

thumbnail kezelés

toxin · 2006. Jún. 20. (K), 09.13
hozzáadva, ha nincs megadva az eredeti képet használja, kb. 150x150-es képek a jók (bár átméretezi a szkript őket, hogy illeszkedjenek a navbar-ra szóval annyira nem lényeg) ,

http://toxin.hu/lightbox_gal/index.html
/
http://toxin.hu/lightbox_gal/lightbox_gal_b2.zip

üdv t
3

Kereskedelmi használat

pint3r · 2006. Szep. 17. (V), 16.15
gondolom a lightbox-os liszenszt viszi tovább

Ez engedi a kereskedelmi használatot, tehát pénzért készített oldalba beépíteni?
4

idézem a lapról

toxin · 2006. Szep. 17. (V), 16.39
Can I use the script in a commercial project?
Yes. It is licensed under the Creative Commons Attribution 2.5 License. A donation would be nice, hint hint.


és én is csak csak ennyit tennék hozzá
Donate

If you're feeling generous, consider a donation.


:)))

meg hogy frissítsd a scriptacoluos motort ami benne van, és linkeld vissza ha szépet alkotsz :)

üdv t
12

scriptacoluos motor?

pint3r · 2006. Szep. 18. (H), 08.16
Köszi, a Creative Commons Attribution 2.5 liszensz szerint meg kell jelölni az elkészült művet, ezt, hogy gondolják, mert eddig ahol láttam ezt ott nem volt semmi ami utalt volna a szerzőkre, a forráskódon kívül. No meg azért elég egyedi megoldás, tehát egyből látni, hogy miről van szó.

A scriptacoluos motor is ugyanezt a liszenszt követi? Mert a forráskódban MIT style liszenszre hivatkozik.
13

nincs eldugva

toxin · 2006. Szep. 18. (H), 08.27
script.aculo.us is licensed under the terms of the MIT License.

The short version is: you can use it, free of charge, for anything you like (which includes commercial applications); just don’t remove the copyright remarks.

http://wiki.script.aculo.us/scriptaculous/show/License

ill. amit még találtam

Thomas likes beer. Buy him one or two if you find script.aculo.us useful.


:)

üdv t
14

Nyugodt szívvel

pint3r · 2006. Szep. 18. (H), 08.40
Tehát nyugodt szívvel használható. Köszönöm mégegyszer, azt is, hogy előkotortad helyettem!
5

opera?

KergeKacsa · 2006. Szep. 17. (V), 18.26
Baromi jó :)

De Opera alatt sem tökéletes, a thumbnaileket nem egymás mellé rakja ki, hanem egymás alá kezdi őket pakolgatni :(

Ha esetleg FF és opera latt is müködik majd, akkor igazán ütős kis script lesz :)

Bár nagyon tetszik az ötlet, így is :)
7

opera

toxin · 2006. Szep. 17. (V), 19.15
tudom láttam :( , első ok lehet


Prototype currently targets the following platforms:

* Microsoft Internet Explorer for Windows, version 6.0 and higher
* Mozilla Firefox 1.0/Mozilla 1.7 and higher
* Apple Safari 1.2 and higher


szóval vmi dimenzió lekérdezése, vagy DOM művelet nem megy (csak tipp + ránézésre) ill. van benne két külső, harács :) (nem általam, már az eredeti Lightbox is ezeket használja) dimenzió lekérdező függvény

//
// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.org
//
function getPageScroll(){

	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}

	arrayPageScroll = new Array('',yScroll)
	return arrayPageScroll;
}

// -----------------------------------------------------------------------------------

//
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
//
function getPageSize(){

	var xScroll, yScroll;

	if (window.innerHeight && window.scrollMaxY) {
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}

	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}

	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else {
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}


	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
	return arrayPageSize;
}

// -----------------------------------------------------------------------------------




lehet ezeket kéne Opera alá beportolni

de míg fx-re mint első számű ill. a fejlesztői böngészőre könnyű fejleszteni, thx FireBug , IE-re meg ugye muszáj, Operára az előbbi kettő ok nem áll fent, az-az nem lehet rá könnyen fejleszteni, legalábbis nem találkoztam js debuggoló cuccal alá, ill. nem is muszáj

http://www.w3schools.com/browsers/browsers_stats.asp

2% -os piaci részesedési miatt. Viszont részemről a debugger a fő ok, ha lenne, lenne Opera alá is ill. megcsinálnám :)

üdv t
6

klafa de operán?

Anonymous · 2006. Szep. 17. (V), 18.32
Nagyon klassz, de opera alatt kicsit fura (mondhatni nem jó). Csak nálam van ez így? Ez a galéria motor miatt van, vagy a lightbox nem opera kompatibilis?
És általában: trend-e az, hogy az operával nem foglalkoznak a fejlesztők? (Engem nem érdekel az opera, de 3 böngészővel mindig kipróbálom a cuccokat: IE, FF és opera; kipróbálnám még safarival, de sajna arra nincs lehetőségem) (ha az a trend szerintetek, hogy az operával nem kell foglalkozni, kidobom én is.)
Köszi!
8

Íme a Safari

Marcell · 2006. Szep. 17. (V), 23.10
kipróbálnám még safarival, de sajna arra nincs lehetőségem
Vagy talán mégis: http://weblabor.hu/blogmarkok/11195 ...
9

hohóó!

Anonymous · 2006. Szep. 18. (H), 00.26
Hohóó, ez jó, köszi! (nem is gondoltam volna, hogy van ilyen, jó ötlet -- különben rákerestem volna a guglin is)
10

Elérhetőség

attlad · 2006. Szep. 18. (H), 00.39
ha az a trend szerintetek, hogy az operával nem kell foglalkozni

Szerintem nem csak Operával, de JS kikapcsolása esetén is használhatónak kéne lennie, persze csak ha normális dolgot akarsz kiadni a kezed közül.
11

javascript

toxin · 2006. Szep. 18. (H), 07.16
szerintem ha üf bevállalja hogy 10-ből 1 ember nem látja a lapot

2006 JavaScript On JavaScript Off
January 90% 10%

http://www.w3schools.com/browsers/browsers_stats.asp

, ill. esetünkben galériát, szíve a joga lásd http://www.gucci.com/ nagy fehér képernyő kikapcsolt js esetén, az ellenben jogos hogy opera alatt is mennie kéne, de ezért ment a publikba ... :)))

üdv t

ui: gucci is így nyit operában
the Gucci web site requires a new internet browser with javascript enabled for proper viewing

internet explorer 6+ for windows

firefox 1.5+

safari 2.0+ for macintosh

if you would like to try anyway, go to the Gucci homepage


szóval vszeg nem véletlenül van kiírva, ill. hiányzik az opera a támogatott böngészők listájáról, ill. nem megy a fenti cucc, bár a gucci megy végül o9 alatt, szóval lehet hogy a fenti két függvény a ludas

ui2: Opera webdev/toolbar ügyben eddig jutottam, kb. mint IE alatt nemsokra :(

Web Accessibility Toolbar [For Opera], Version 1.0
http://www.paciellogroup.com/resources/wat-about.html

van benne egy DOM object brózer, végülis az jó valamire ( innen kölcsönzött bookmarklet http://subsimple.com/bookmarklets/collection_debugging.asp)
15

Re: javascript

attlad · 2006. Szep. 18. (H), 10.40
Amúgy nem a fenti cuccról írtam, hanem általánosságban. De Gucci-n elég nagy hiba, hogy egy figyelmeztetést sem tudnak kirakni JS off esetén. 10%-nál kisebb szerintem a JS off arány (W3Schools adatai nem igazán reprezentatívak: "W3Schools is a website for people with an interest for web technologies").

Opera: Tools/Advanced/Error Console ír egy pár dolgot, lehetnek közte érdekesek.