d:/nyvej.dk/components/com_garyscookbook/assets/css/<br>http://www.nyvej.dk/mortensen<br>/<br>d:/nyvej.dk/components/com_garyscookbook/assets/css/<br>
		<table align="CENTER" border="0">
        <form action="JavaScript:history.go(-1)" id="FORM2" method="post" name="FORM2">
          <input name="submit" type="submit" value="Back">
        </form></table>

<META NAME="description" CONTENT="" Filliste (Detail Page). Erik Mortensen>
<META NAME="keywords" CONTENT=", filliste (detail page),  filliste (detail page), one file footprint, Ermo, TEST,JMC ">

<TABLE WIDTH="100%">

<TR><TD ALIGN="LEFT" VALIGN="BOTTOM" BGCOLOR=silver><FONT FACE="Arial, Helvetica, sans-serif" SIZE=4 COLOR="#FFFFFF"><B>&nbsp;Filliste (Detail Page)</B></FONT></TD></TR>
<TR><TD ALIGN="LEFT" VALIGN="TOP"><FONT FACE="Arial, Helvetica, sans-serif" SIZE=2>Use this page to view a single document on this web site.</FONT></TD></TR>
</TABLE>


<!-- begin karalist.asp -->
<!-- ---------------------------------------------------------- -->
<P><FONT FACE="Andale Mono, Monotype.com, Courier New, Courier, sans-serif" SIZE=4><B>d:\nyvej.dk\components\com_garyscookbook\assets\css\index.htm</B><BR>
<A HREF="http://www.nyvej.dk/mortensen/karaoke/d:/nyvej.dk/components/com_garyscookbook/assets/css/index.htm">http://www.nyvej.dk/mortensen/karaoke/d:/nyvej.dk/components/com_garyscookbook/assets/css/index.htm</A><BR></FONT>
<PRE>
    file size:  5.764 characters
 file created: &nbsp;<B>23. november 2014 </B>&nbsp;20:17:27
last modified: &nbsp;<B>11. december 2015 </B>&nbsp;06:01:42
</PRE>
<FORM ACTION="karalist.asp" METHOD="POST">
<INPUT TYPE="HIDDEN" NAME="fsDIR" VALUE="d:\nyvej.dk\components\com_garyscookbook\assets\css\">
<TABLE BGCOLOR=silver><TR><TD>
<FONT TITLE="Use this text area to view this document. " FACE="Arial, Helvetica, sans-serif"SIZE=1><B>DOCUMENT CONTENTS</B></FONT><BR>
<TEXTAREA NAME="FILEDATA" ROWS=18 COLS=70 WRAP="OFF">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.1//EN&quot; &quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;
&lt;title&gt;phatfusion : lightbox&lt;/title&gt;

&lt;link rel=&quot;stylesheet&quot; href=&quot;../_common/css/main.css&quot; type=&quot;text/css&quot; media=&quot;all&quot;&gt;

&lt;link href=&quot;lightbox.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;

&lt;script type=&quot;text/javascript&quot; src=&quot;../_common/js/mootools.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;lightbox.js&quot;&gt;&lt;/script&gt;



&lt;/head&gt;
&lt;body&gt;

	&lt;div id=&quot;container&quot;&gt;
	
		&lt;div id=&quot;logo&quot;&gt;&lt;h1&gt;phatfusion&lt;/h1&gt;&lt;/div&gt;
		&lt;div class=&quot;nav&quot;&gt;&lt;a href=&quot;../index.htm&quot;&gt;home&lt;/a&gt;&lt;/div&gt;
		&lt;p class=&quot;desc&quot;&gt;javascript and flash development.&lt;/p&gt;
		
		
		&lt;h2 class=&quot;lightbox&quot;&gt;lightbox&lt;/h2&gt;
		&lt;p class=&quot;version&quot;&gt;version 1.5&lt;/p&gt;
		&lt;div class=&quot;description&quot;&gt;
		&lt;p&gt;An inline image popup, overlays and fades out the current page.&lt;/p&gt;
		&lt;p&gt;This is based on &lt;a href=&quot;http://www.digitalia.be/software/slimbox&quot;&gt;Slimbox&lt;/a&gt; by Christophe Beyls.&lt;/p&gt;
		&lt;/div&gt;
		
		
		&lt;h3 class=&quot;example&quot;&gt;example&lt;/h3&gt;
		&lt;div id=&quot;example&quot;&gt;
			&lt;a href=&quot;images/26.jpg&quot; rel=&quot;lightbox[mando]&quot; id=&quot;image1&quot; title=&quot;image 1&quot;&gt;&lt;img src=&quot;images/26t.jpg&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
		  &lt;div class=&quot;lightboxDesc image1&quot;&gt;My description for image 1&lt;/div&gt;
		  &lt;a href=&quot;images/27.jpg&quot; rel=&quot;lightbox[mando]&quot; id=&quot;image2&quot; title=&quot;image 2&quot;&gt;&lt;img src=&quot;images/27t.jpg&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
		  &lt;div class=&quot;lightboxDesc image2&quot;&gt;My description for image 2&lt;/div&gt;
		  &lt;a href=&quot;images/28.jpg&quot; rel=&quot;lightbox[mando]&quot; id=&quot;image3&quot; title=&quot;image 3&quot;&gt;&lt;img src=&quot;images/28t.jpg&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
		  &lt;div class=&quot;lightboxDesc image3&quot;&gt;My description for image 3&lt;/div&gt;
		
		&lt;script type=&quot;text/javascript&quot;&gt;
			window.addEvent('domready',function(){
				Lightbox.init({descriptions: '.lightboxDesc', showControls: true});
			});
		&lt;/script&gt;
		&lt;/div&gt;
		
		&lt;h3 class=&quot;features&quot;&gt;features&lt;/h3&gt;
		&lt;div id=&quot;features&quot;&gt;
			&lt;ul&gt;
				&lt;li&gt;Lightbox has the following added features compared to Slimbox&lt;/li&gt;
				&lt;li&gt;Specify a containing div rather than just the body.&lt;/li&gt;
				&lt;li&gt;Place the next/previous buttons in the footer.&lt;/li&gt;
				&lt;li&gt;Add a description with html markup.&lt;/li&gt;
			&lt;/ul&gt;
		&lt;/div&gt;
		
		&lt;h3 class=&quot;usage&quot;&gt;usage&lt;/h3&gt;
		&lt;div id=&quot;usage&quot;&gt;
		&lt;p&gt;Add the &lt;code&gt;rel=&quot;lightbox&quot;&lt;/code&gt; attribute to the links pointing to your full-sized images. Use the optional title attribute if you want to show a caption:&lt;/p&gt;
		  &lt;pre&gt;&lt;code&gt;&amp;lt;a href=&amp;quot;image.jpg&amp;quot; rel=&amp;quot;lightbox&amp;quot; title=&amp;quot;my image&amp;quot;&amp;gt;image 1&amp;lt;/a&amp;gt;&lt;/code&gt;&lt;/pre&gt;
		  &lt;p&gt;For sets of related images that you want to group and make navigable, add a group name to the rel attribute after &#194;&#8220;lightbox&#194;&#8221;, inside square brackets:&lt;/p&gt;
		  &lt;pre&gt;&lt;code&gt;&amp;lt;a href=&amp;quot;/images/image-1.jpg&amp;quot; rel=&amp;quot;lightbox[phatfusion]&amp;quot;&amp;gt;image 1&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;a href=&amp;quot;/images/image-2.jpg&amp;quot; rel=&amp;quot;lightbox[phatfusion]&amp;quot;&amp;gt;image 2&amp;lt;/a&amp;gt;&lt;br /&gt;&amp;lt;a href=&amp;quot;/images/image-3.jpg&amp;quot; rel=&amp;quot;lightbox[phatfusion]&amp;quot;&amp;gt;image 3&amp;lt;/a&amp;gt; &lt;/code&gt;&lt;/pre&gt;
		  &lt;p&gt;The following code needs to be called onDomReady or inline after the images.&lt;/p&gt;
		  &lt;pre&gt;&lt;code&gt;Lightbox.init();&lt;/code&gt;&lt;/pre&gt;
		  &lt;p&gt;To add an html description to the image, create a div and give it a two classnames, one to say that it is a description and the other should be the id of the a tag:&lt;/p&gt;
		  &lt;pre&gt;&lt;code&gt;&amp;lt;a href=&quot;image.jpg&quot; rel=&quot;lightbox&quot; title=&quot;my image&quot; id=&quot;image1&quot;&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;div class=&quot;lightboxDesc image1&quot;&amp;gt;my html description&amp;lt;/div&amp;gt;&lt;/code&gt;&lt;/pre&gt;
		&lt;p&gt;Then when you initialise the lightbox, set the description option:&lt;/p&gt;
		&lt;pre&gt;&lt;code&gt;Lightbox.init({descriptions: '.lightboxDesc')&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Alternatively, you can also launch the Lightbox effect using Javascript to display a single image. Just call the following method, passing the URL of the image as first parameter and optionally a title as second parameter:&lt;/p&gt;
		  &lt;pre&gt;&lt;code&gt;Lightbox.show('images/image-1.jpg', 'Spheres in construction');&lt;/code&gt;&lt;/pre&gt;
			&lt;h3 class=&quot;options&quot;&gt;options&lt;/h3&gt;
			&lt;dl&gt;
				&lt;dt&gt;opacity&lt;/dt&gt;
				&lt;dd&gt;the opacity of the background. Default: 0.8&lt;/dd&gt;
				&lt;dt&gt;showControls&lt;/dt&gt;
				&lt;dd&gt; show the controls in the footer. (true/false - default is false) The styles need to be changed when using this option - see lightbox.css&lt;/dd&gt;
				&lt;dt&gt;description&lt;/dt&gt;
				&lt;dd&gt;either a css selector or an array using the $$() of the elements that contain the descriptions.&lt;/dd&gt;
				&lt;dt&gt;showNumbers&lt;/dt&gt;
				&lt;dd&gt;show the image numbers - 1 of 6. (Default: true)&lt;/dd&gt;
				&lt;dt&gt;container&lt;/dt&gt;
				&lt;dd&gt;a div that should contain the background. Default: document.body&lt;/dd&gt;
			&lt;/dl&gt;
		&lt;/div&gt;
		
		&lt;h3 class=&quot;compatibility&quot;&gt;browser compatibility&lt;/h3&gt;
		&lt;div id=&quot;compatibility&quot;&gt;
			&lt;ul&gt;
				&lt;li&gt;Firefox 2 (mac / pc)&lt;/li&gt;
				&lt;li&gt;IE 7&lt;/li&gt;
				&lt;li&gt;IE 6&lt;/li&gt;
				&lt;li&gt;Safari (mac)&lt;/li&gt;
			&lt;/ul&gt;
		&lt;/div&gt;
		
		&lt;h3 class=&quot;requirements&quot;&gt;requirements&lt;/h3&gt;
		&lt;div id=&quot;requirements&quot;&gt;
			&lt;ul&gt;
				&lt;li&gt;&lt;a href=&quot;http://www.mootools.net&quot; target=&quot;_blank&quot;&gt;mootools v1.11&lt;/a&gt;&lt;/li&gt;
			&lt;/ul&gt;
		&lt;/div&gt;
		
		&lt;h3 class=&quot;downloads&quot;&gt;downloads&lt;/h3&gt;
		&lt;div id=&quot;downloads&quot;&gt;
			&lt;ul&gt;
				&lt;li&gt;&lt;a href=&quot;lightbox.zip&quot;&gt;lightbox.zip&lt;/a&gt;&lt;/li&gt;
			&lt;/ul&gt;
		&lt;/div&gt;
		
		
	&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;);
document.write(unescape(&quot;%3Cscript src='&quot; + gaJsHost + &quot;google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E&quot;));
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
var pageTracker = _gat._getTracker(&quot;UA-3333085-1&quot;);
pageTracker._initData();
pageTracker._trackPageview();
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</TEXTAREA>
</TD></TR></TABLE>

<BR><BR>

</FORM>

<!-- ---------------------------------------------------------- -->
<!-- end karalist.asp -->

		<table align="CENTER" border="0">
        <form action="JavaScript:history.go(-1)" id="FORM2" method="post" name="FORM2">
          <input name="submit" type="submit" value="Back">
        </form></table>

<HR><FONT SIZE=1 FACE="Arial, Helvetica, sans-serif"><FONT COLOR=silver SIZE=3 FACE="Arial, Helvetica, sans-serif">Erik Mortensen</FONT>
<BR>21. december 2025 &nbsp; 06:59:00
</BODY></HTML>