Du bliver ved med at jeg skal vise jer noget - Jeg kan jo ikke vise jer noget når jeg ikke har noget!
Jeg kan kun vise hvor langt jeg er kommet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><!-- saved from url=(0049)
http://hunyadi.info.hu/projects/boxplus/demo.html -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><HTML xml:lang="en-en" xmlns="
http://www.w3.org/1999/xhtml"><HEAD><META content="IE=11.0000" http-equiv="X-UA-Compatible">
<META name="author" content="Levente Hunyadi">
<META http-equiv="content-type" content="text/html; charset=utf-8">
<TITLE>boxplus: a lightweight pop-up window engine shipped with sigplus</TITLE> <!-- boxplus themes -->
<LINK href="boxplus_files/boxplus.css" rel="stylesheet" type="text/css"> <!--[if IE]><link rel="stylesheet" href="engines/popup/css/boxplus.ie.css" type="text/css" /><![endif]--> <!--[if lt IE 8]><link rel="stylesheet" href="engines/popup/css/boxplus.ie7.css" type="text/css" /><![endif]-->
<LINK title="boxplus-lightsquare" disabled="disabled" href="boxplus_files/boxplus.lightsquare.css"
rel="stylesheet" type="text/css"> <!--[if IE]><link rel="stylesheet" href="engines/popup/css/boxplus.lightsquare.ie.css" type="text/css" title="boxplus-lightsquare" disabled="disabled" /><![endif]-->
<LINK title="boxplus-darksquare" disabled="disabled" href="boxplus_files/boxplus.darksquare.css"
rel="stylesheet" type="text/css"> <!--[if IE]><link rel="stylesheet" href="engines/popup/css/boxplus.darksquare.ie.css" type="text/css" title="boxplus-darksquare" disabled="disabled" /><![endif]-->
<LINK title="boxplus-lightrounded" disabled="disabled" href="boxplus_files/boxplus.lightrounded.css"
rel="stylesheet" type="text/css"> <!--[if IE]><link rel="stylesheet" href="engines/popup/css/boxplus.lightrounded.ie.css" type="text/css" title="boxplus-lightrounded" disabled="disabled" /><![endif]-->
<LINK title="boxplus-darkrounded" disabled="disabled" href="boxplus_files/boxplus.darkrounded.css"
rel="stylesheet" type="text/css"> <!--[if IE]><link rel="stylesheet" href="engines/popup/css/boxplus.darkrounded.ie.css" type="text/css" title="boxplus-darkrounded" disabled="disabled" /><![endif]-->
<LINK title="boxplus-prettyphoto" href="boxplus_files/boxplus.prettyphoto.css"
rel="stylesheet" type="text/css"> <!--[if IE]><link rel="stylesheet" href="engines/popup/css/boxplus.prettyphoto.ie.css" type="text/css" title="boxplus-prettyphoto" /><![endif]--> <!-- boxplus slider and captions -->
<LINK href="boxplus_files/boxplus.slider.css" rel="stylesheet" type="text/css">
<LINK href="boxplus_files/boxplus.transition.css" rel="stylesheet" type="text/css">
<LINK href="boxplus_files/boxplus.caption.css" rel="stylesheet" type="text/css"> <!--[if IE]><link rel="stylesheet" href="engines/caption/css/boxplus.caption.ie.css" type="text/css" /><![endif]--> <!-- styles -->
<LINK href="boxplus_files/style.css" rel="stylesheet" type="text/css"> <!-- scripts -->
<SCRIPT src="
http://www.google.com/jsapi" type="text/javascript"></SCRIPT>
<SCRIPT type="text/javascript">google.load("jquery", "1.4");</SCRIPT>
<SCRIPT src="engines/popup/js/boxplus.js" type="text/javascript"></SCRIPT>
<SCRIPT src="engines/slider/js/boxplus.slider.js" type="text/javascript"></SCRIPT>
<SCRIPT src="engines/slider/js/boxplus.transition.js" type="text/javascript"></SCRIPT>
<SCRIPT src="engines/caption/js/boxplus.caption.js" type="text/javascript"></SCRIPT>
<SCRIPT src="engines/lang/boxplus.lang.js?lang=en" type="text/javascript"></SCRIPT>
<!-- boxplus personalization --> <LINK href="demo/elements/boxplus/css/boxplus.override.css"
rel="stylesheet" type="text/css"> <LINK href="boxplus_files/colorpicker.css"
rel="stylesheet" type="text/css">
<SCRIPT src="demo/elements/boxplus/js/colorpicker.js" type="text/javascript"></SCRIPT>
<SCRIPT src="demo/elements/boxplus/js/configuration.js" type="text/javascript"></SCRIPT>
<SCRIPT type="text/javascript">
// <![CDATA[
(function ($) {
$.fn.preformatted = function (text) {
if ($.browser.msie) {
text = text.replace(/\n/g, '\r');
}
this.text(text);
};
/**
* Sets up a simple accordion.
*/
$.fn.accordion = function () {
this.children(':even').click(function() {
$(this).toggleClass('collapse').toggleClass('expand').next().slideToggle('slow');
return false;
}).addClass('expand').next().hide();
};
})(jQuery);
jQuery(function ($) {
$('.accordion').accordion();
//
// Image slider
//
var settingsSlider = {
opacity: 1.0,
duration: 800,
delay: 0
};
// opacity
$('#opacity').bindProperty(settingsSlider, 'opacity', 'float');
// sliding duration
$('#sliding-duration').bindProperty(settingsSlider, 'duration', 'int');
// animation delay
$('#animation-delay').bindProperty(settingsSlider, 'delay', 'int');
//
// Image transition
//
var settingsTransition = {
effect: 'fade',
easing: 'swing',
orientation: 'vertical',
slices: 15,
delay: 4000
};
// transition effect
$('#transition-effect').bindProperty(settingsTransition, 'effect');
// transition easing
$('#transition-easing').bindProperty(settingsTransition, 'easing');
// transition orientation
$('#transition-orientation').bindProperty(settingsTransition, 'orientation');
// number of slices in transition
$('#transition-slices').bindProperty(settingsTransition, 'slices', 'int');
// animation delay
$('#transition-delay').bindProperty(settingsTransition, 'delay', 'int');
//
// Code generation
//
$('#id').keyup(function () {
$(this).toggleClass('invalid', !$(this).val().match(/^[A-Za-z][A-Za-z0-9:._-]*$/));
});
$('#generate').click(function () {
// print CSS code
var stylecode = $.boxplusConfigurationDialog.styles();
if (stylecode) {
$('#stylesheetcode').preformatted(stylecode);
} else {
$('#stylesheetcode').text('/* No style sheet rules are required. */');
}
// print javascript code
var id = $('#id').val();
var theme = $.boxplusConfigurationDialog.theme();
var readycode = $.boxplusConfigurationDialog.scripts();
var eventcode =
'jQuery(function ($) {\n' +
readycode +
'});';
var headcode =
'<link rel="stylesheet" type="text/css" href="css/boxplus.css" />\n' +
'<!--[if IE]><link rel="stylesheet" href="css/boxplus.ie.css" type="text/css" /><![endif]-->\n' +
'<!--[if lt IE 8]><link rel="stylesheet" href="css/boxplus.ie7.css" type="text/css" /><![endif]-->\n' +
(theme ?
'<link rel="stylesheet" type="text/css" href="css/boxplus.' + theme + '.css" />\n' +
'<!--[if lt IE 8]><link rel="stylesheet" href="css/boxplus.' + theme + '.ie7.css" type="text/css" /><![endif]-->\n'
: '') +
'<script type="text/javascript" src="
http://www.google.com/jsapi"></scr' + 'ipt>\n' +
'<script type="text/javascript">google.load("jquery", "1.4");</scr' + 'ipt>\n' +
'<script type="text/javascript" src="js/boxplus.js"></scr' + 'ipt>\n' +
'<script type="text/javascript" src="js/boxplus.lang.js' + ( $.boxplusLanguage() ? '?lang=' + $.boxplusLanguage() : '') + '"></scr' + 'ipt>\n' +
'<script type="text/javascript">\n' +
'jQuery(function ($) {\n' +
readycode +
'$("#' + id + '").boxplusGallery();\n' +
'});\n' +
'</scr' + 'ipt>\n';
$('#headcode').preformatted(headcode);
$('#eventcode').preformatted(eventcode);
$("#code").removeClass('hidden');
// scroll code into view
$(document).scrollTop($(this).offset().top);
});
// copy tooltip text from labels to table row
$('label[for]').each(function () {
$('#' + $(this).attr('for')).parents('tr').attr('title', $(this).attr('title'));
});
// hide generated code when settings change
$('#slider-settings :input, #transition-settings :input').change(function () {
$('.accordion').addClass('hidden');
setup();
});
$('#popup-configuration').boxplus().click(function () {
$('.accordion').addClass('hidden');
});
$('.boxplus-video').boxplus();
$('.boxplus-image').boxplus();
$('.boxplus-text').boxplus();
// set up galleries
function setup() {
$('#gallery-generated').html($('#gallery-source').val());
$('#gallery-generated ul').eq(0).boxplusGallery().boxplusSlider(settingsSlider).boxplusCaptionGallery();
$('#gallery-generated ul').eq(1).boxplusGallery({
metadata: function (anchor) {
return 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut sem magna, quis tempus justo. Aenean in malesuada quam. Nam sed ante augue. Mauris dignissim, libero sit amet suscipit tempor, eros metus convallis mauris, a dignissim tortor metus eleifend erat. Proin vel ipsum enim, egestas pellentesque libero. Aliquam purus metus, aliquet sit amet fermentum fringilla, tincidunt nec odio. Vivamus in ligula faucibus velit sagittis rutrum. Etiam faucibus, leo non tempus egestas, nulla ligula faucibus odio, eu ornare nulla magna in ante. Aliquam scelerisque convallis lorem vel vestibulum. Morbi ultrices urna vel ligula facilisis ac convallis risus auctor. Donec imperdiet, magna tempor lobortis consectetur, sem urna molestie lorem, in volutpat mauris quam et neque. Fusce enim tellus, vestibulum a molestie et, ornare a mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut tempor, urna sed cursus auctor, felis nulla porttitor dolor, vitae commodo metus urna in risus. Proin vitae pellentesque lectus. In hac habitasse platea dictumst. Nam sed mauris dui. In varius enim sit amet massa gravida ornare. Donec tempor urna ut lorem convallis a volutpat sem vestibulum. Morbi sollicitudin accumsan eros, sit amet mollis erat dapibus eu. Nam iaculis lorem sed magna ultricies id condimentum erat sagittis. Etiam volutpat, arcu ut porta bibendum, eros magna pulvinar neque, vel dictum justo leo ut lorem. Donec dapibus, arcu et mattis porta, velit massa eleifend neque, ac congue ipsum purus ac lacus. Integer congue fringilla hendrerit. Aenean consectetur, urna a congue fermentum, risus velit laoreet diam, eu lobortis massa nibh vitae dui. Vestibulum pretium vestibulum venenatis. Curabitur sit amet enim ipsum. Vivamus vehicula, lorem tristique sollicitudin ultrices, felis lorem imperdiet metus, sed lobortis dui purus vitae tortor. Donec eu aliquam ante. Fusce eu lectus at dui posuere dignissim. Sed aliquam sem vitae metus vulputate in consequat arcu tristique. Sed faucibus ligula sit amet libero ullamcorper tristique auctor arcu ultricies. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce at metus tempor massa egestas gravida vitae blandit nulla. Cras a auctor nisl. Vivamus et eros sit amet mi pellentesque convallis non sed purus. Praesent molestie dolor dui, ut bibendum turpis. Quisque hendrerit, est sed ultricies varius, sapien enim tincidunt odio, eu eleifend mauris risus ut purus. Aliquam et ligula et eros vestibulum aliquam. Morbi gravida ante id felis sagittis venenatis. Nullam eget neque ut magna malesuada imperdiet et nec urna. Etiam non est et eros elementum hendrerit quis at dolor. Praesent tortor mauris, tempus sed lacinia ut, facilisis at nibh. In eu porttitor risus. Nam mauris nisl, rhoncus non lobortis vel, hendrerit semper arcu. Etiam ante eros, pharetra sit amet venenatis vel, imperdiet ac lectus. Nunc est sem, interdum et pharetra at, hendrerit at massa. Nunc blandit adipiscing ante, eu sagittis nibh dignissim non. Duis mollis varius arcu ac laoreet. Nunc imperdiet blandit sem eu blandit. Fusce et vehicula lectus. Aenean congue accumsan tristique. Cras massa sem, placerat in gravida nec, elementum sit amet elit. Suspendisse libero sapien, tempor et elementum eget, pretium non dui. Quisque fermentum lectus vitae magna adipiscing quis ultrices justo luctus. Vivamus venenatis magna at est consectetur eu egestas enim vehicula. Ut in libero eget est feugiat scelerisque. Morbi quis ipsum neque. Aliquam erat volutpat. Proin in dapibus odio. Nulla sem sapien, fermentum vitae consequat ultricies, scelerisque at leo. Etiam in mi ipsum. Vivamus cursus, tortor nec aliquet ultricies, eros quam hendrerit massa, vitae tincidunt lacus sapien in lacus. In hac habitasse platea dictumst. In feugiat, leo at pulvinar pulvinar, dolor elit hendrerit ligula, ut mollis elit nibh et justo. Quisque tincidunt enim eget arcu sagittis vehicula vulputate felis bibendum. Maecenas ullamcorper nisl sit amet libero blandit rutrum. Aliquam in suscipit ligula. Morbi dui velit, interdum vitae accumsan id, fringilla in nunc. Curabitur nibh erat, dapibus at congue sit amet, pulvinar sed lectus. Vestibulum et malesuada tellus. Donec id tristique nisl.';
},
description: function (anchor) {
var title = $(anchor).attr('title');
return title ? title + ' [This text has been appended by a custom handler.]' : '';
}
});
$('#gallery-generated ul').eq(2).boxplusTransition(settingsTransition);
}
setup();
});
// ]]>
</SCRIPT>
<META name="GENERATOR" content="MSHTML 11.00.10586.162"></HEAD>
<BODY>
<H1>boxplus demo page</H1>
<DIV id="introduction">
<P><A href="
http://hunyadi.info.hu/projects/boxplus/">boxplus</A> is a
lightweight pop-up window implementation (commonly known as lightbox) licensed
under the <A href="
http://www.gnu.org/licenses/gpl.html">GPL</A> and written
using the <A href="
http://jquery.com/">jQuery</A> library. boxplus ships with <A
href="
http://hunyadi.info.hu/projects/sigplus/">sigplus</A>, which is an
all-inclusive image gallery for Joomla.</P>
<P>This page lets you personalize boxplus to suit your needs. For a full list of
boxplus features as well as instructions on how to set up and use boxplus are
discussed on the <A href="
http://hunyadi.info.hu/projects/boxplus/">boxplus home
page</A>.</P></DIV>
<H2>Interactive customization</H2>
<P>Use the dialog box that opens upon clicking the hyperlink and the HTML form
below to customize several aspects of boxplus on-line. Any changes you make are
applied immediately, you can test your settings by clicking any of the thumbnail
images to open the gallery. Once you are done, use the <A href="
http://hunyadi.info.hu/projects/boxplus/demo.html#generator">code generator</A> below to emit code that you can paste into the <KBD>head</KBD>
section of your page. (If you use <A href="
http://hunyadi.info.hu/projects/sigplus/">sigplus</A>,
you should copy-and-paste the DOM tree ready event code only to the end of
<KBD>boxplus.js</KBD> and <KBD>boxplus.uncompressed.js</KBD> in the directory
<KBD>/plugins/content/sigplus/engines/boxplus/js</KBD> relative to your Joomla
root.)</P>
<FORM>
<DIV id="settings" style="float: left;"><A title="boxplus pop-up window configuration"
id="popup-configuration" href="
http://hunyadi.info.hu/projects/boxplus/demo/elements/boxplus/configuration.html">boxplus pop-up window configuration</A>
<TABLE id="slider-settings">
<CAPTION>boxplus slider customization</CAPTION>
<TBODY>
<TR>
<TH><LABEL title="Thumbnail opacity when the mouse leaves an image [0.0 ≤ x ≤ 1.0]. 0.0 indicates a fully transparent, 1.0 a fully opaque image (i.e. no change when the mouse pointer moves away from the image)."
for="opacity">Opacity</LABEL></TH>
<TD><INPUT id="opacity" type="text" size="3"> </TD></TR>
<TR>
<TH><LABEL title="Time it takes to move from one slider page to another [ms]."
for="sliding-duration">Sliding duration</LABEL></TH>
<TD><INPUT id="sliding-duration" type="text" size="3"> </TD></TR>
<TR>
<TH><LABEL title="Time between two successive animation steps [ms]. The animation stops when the mouse pointer is over an image in the gallery. The value 0 disables animation."
for="animation-delay">Animation delay</LABEL></TH>
<TD><INPUT id="animation-delay" type="text" size="3">
</TD></TR></TBODY></TABLE>
<TABLE id="transition-settings">
<CAPTION>boxplus image transition customization</CAPTION>
<TBODY>
<TR>
<TH><LABEL title="Transition effect."
for="transition-effect">Effect</LABEL></TH>
<TD><SELECT id="transition-effect"><OPTION value="fade">fade-in</OPTION>
<OPTION value="bars">bars</OPTION> <OPTION
value="bars+fade">bars with fade-in</OPTION> <OPTION
value="shutter">shutter</OPTION> <OPTION
value="shutter+fade">shutter with fade-in</OPTION> </SELECT> </TD></TR>
<TR>
<TH><LABEL title="Transition easing."
for="transition-easing">Easing</LABEL></TH>
<TD><SELECT id="transition-easing"><OPTION value="swing">swing</OPTION>
<OPTION value="linear">linear</OPTION> </SELECT> </TD></TR>
<TR>
<TH><LABEL title="Whether slices that comprise the animation are oriented vertically or horizontally."
for="transition-orientation">Orientation</LABEL></TH>
<TD><SELECT id="transition-orientation"><OPTION
value="vertical">vertical</OPTION> <OPTION
value="horizontal">horizontal</OPTION> </SELECT> </TD></TR>
<TR>
<TH><LABEL title="Number of slices to split image into." for="transition-slices">Slices</LABEL></TH>
<TD><INPUT id="transition-slices" type="text" size="3"> </TD></TR>
<TR>
<TH><LABEL title="Time between two successive animation steps [ms]. The animation stops when the mouse pointer is over an image in the gallery. The value 0 disables animation."
for="transition-delay">Animation delay</LABEL></TH>
<TD><INPUT id="transition-delay" type="text" size="3">
</TD></TR></TBODY></TABLE></DIV>
<DIV id="gallery-generated"></DIV>
<H3>Content type examples</H3>
<UL>
<LI><A class="boxplus-text" href="
http://hunyadi.info.hu/projects/boxplus/demo.html#introduction">Sample text content</A></LI>
<LI><A class="boxplus-video" href="
http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&height=294">Sample Flash (SWF) video</A></LI>
<LI><A class="boxplus-video" href="
http://www.quackit.com/video/pass-countdown.ogg?width=300&height=150">Sample ogg video</A> (requires browser other than IE)</LI>
<LI><A class="boxplus-video" href="
http://www.youtube.com/v/554ZJUv-avQ?width=400&height=320">Sample YouTube video</A></LI>
<LI><A class="boxplus-video" href="
http://quicktime.tc.columbia.edu/users/lrf10/movies/sixties.mov?width=320&height=256">Sample QuickTime video</A></LI>
<LI><A title="Photo © Dániel Péterfi" class="boxplus-image" href="
http://hunyadi.info.hu/projects/boxplus/demo/images/IMG_0496.jpg"><IMG width="200" height="133" alt="<em>boxplus</em>: a lightweight pop-up window integrated into sigplus"
src="boxplus_files/IMG_0496.jpg"></A></LI></UL>
<DIV class="accordion">
<H3>Sample HTML source</H3>
<ul>
<li><a title="Photo © Dániel Péterfi" href="demo/images/IMG_0496.jpg"><img width="200" height="133" alt="<em>boxplus</em>: a lightweight pop-up window integrated into sigplus" src="demo/images/thumbs/IMG_0496.jpg" longdesc="demo/images/preview/IMG_0496.jpg" /></a></li>
<li><a title="© <a target="_blank" href="
http://www.freeweb.hu/hydrasr/">Dániel Péterfi</a> [caption text only]" href="demo/images/IMG_0693.jpg"><img width="134" height="200" src="demo/images/thumbs/IMG_0693.jpg" longdesc="demo/images/preview/IMG_0693.jpg" /></a></li>
<li><a href="demo/images/IMG_0759.jpg"><img width="200" height="200" alt="© <a target="_blank" href="
http://www.freeweb.hu/hydrasr/">Dániel Péterfi</a> [caption title only]" src="demo/images/thumbs/IMG_0759.jpg" longdesc="demo/images/preview/IMG_0759.jpg" /></a></li>
<li><a title="Photo © Dániel Péterfi" href="demo/images/IMG_0792.jpg"><img width="200" height="200" src="demo/images/thumbs/IMG_0792.jpg" longdesc="demo/images/preview/IMG_0792.jpg" /></a></li>
<li><a title="Photo © Dániel Péterfi" href="demo/images/IMG_1662.jpg"><img width="200" height="199" src="demo/images/thumbs/IMG_1662.jpg" longdesc="demo/images/preview/IMG_1662.jpg" /></a></li>
</ul>
<ul class="gallery">
<li><a href="demo/images/IMG_1696.jpg"><img src="demo/images/thumbs/IMG_1696.jpg" /></a></li>
<li><a title="Photo © Dániel Péterfi" href="demo/images/IMG_1742.jpg"><div class="placeholder">No thumbnail available</div></a></li>
<li><a title="<span style="color:red">An excessively long description text that spans across multiple lines.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis semper interdum augue, eu laoreet risus convallis vitae. In iaculis lacinia lobortis. Nulla dolor ligula, porta vitae placerat in, fringilla nec quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent placerat porttitor neque, eget commodo ipsum. <strong>Photo © Dániel Péterfi</strong>" href="demo/images/IMG_2816.jpg"><img src="demo/images/thumbs/IMG_2816.jpg" /></a></li>
<li><a title="GNU General Public License" href="license.html"><div class="placeholder">No thumbnail available</div></a></li>
<li><a href="demo/images/wide.png"><div class="placeholder">A wide image</div></a></li>
<li><a href="demo/images/tall.png"><div class="placeholder">A tall image</div></a></li>
<li><a href="demo/images/huge.png"><div class="placeholder">A huge image</div></a></li>
</ul>
<ul class="gallery">
<li><a title="Photo © Dániel Péterfi" href="demo/images/IMG_0496.jpg"><img width="200" height="133" alt="<em>boxplus</em>: a lightweight pop-up window integrated into sigplus" src="demo/images/thumbs/IMG_0496.jpg" longdesc="demo/images/preview/IMG_0496.jpg" /></a></li>
<li><a title="© <a target="_blank" href="
http://www.freeweb.hu/hydrasr/">Dániel Péterfi</a> [caption text only]" href="demo/images/IMG_0693.jpg"><img width="134" height="200" src="demo/images/thumbs/IMG_0693.jpg" longdesc="demo/images/preview/IMG_0693.jpg" /></a></li>
<li><a href="demo/images/IMG_0759.jpg"><img width="200" height="200" alt="© <a target="_blank" href="
http://www.freeweb.hu/hydrasr/">Dániel Péterfi</a> [caption title only]" src="demo/images/thumbs/IMG_0759.jpg" longdesc="demo/images/preview/IMG_0759.jpg" /></a></li>
<li><a title="Photo © Dániel Péterfi" href="demo/images/IMG_0792.jpg"><img width="200" height="200" src="demo/images/thumbs/IMG_0792.jpg" longdesc="demo/images/preview/IMG_0792.jpg" /></a></li>
<li><a title="Photo © Dániel Péterfi" href="demo/images/IMG_1662.jpg"><img width="200" height="199" src="demo/images/thumbs/IMG_1662.jpg" longdesc="demo/images/preview/IMG_1662.jpg" /></a></li>
</ul>
</DIV></DIV>
<H2 id="generator" style="clear: both;">Code generator</H2>
<P>The code generator assumes the latest version of boxplus is installed on your
system; some features may not be applicable to earlier versions. By downloading
the <A href="
http://hunyadi.info.hu/projects/sigplus/devel/">latest "nightly
build"</A>, you can have access to all features. (You find the boxplus
distribution in the folder <KBD>sigplus/engines/boxplus</KBD> inside the sigplus
archive.)</P>
<P>If you use sigplus ≥ 1.3.0, the contents of the "nightly build" should
overwrite files in the directory
<KBD>plugins/content/sigplus/engines/boxplus/</KBD>. If you use sigplus 1.2.8,
the contents of the folder <KBD>popup</KBD> in the archive has to replace files
in the directory <KBD>plugins/content/sigplus/engines/boxplus/</KBD> (some
changes to the generated code might be necessary, e.g. replace
<KBD>boxplus-disabled</KBD> with <KBD>boxplus-disable</KBD>).</P>
<TABLE>
<CAPTION>boxplus code generation</CAPTION>
<TBODY>
<TR>
<TH><LABEL title="HTML ID for ordered or unordered list that will contain image links wrapped inside list items. Not required when you generate code for use in sigplus."
for="id">Gallery identifier</LABEL></TH>
<TD><INPUT id="id" type="text" value="gallery"> </TD></TR></TBODY></TABLE>
<P><BUTTON id="generate" type="button">Generate code</BUTTON></P>
<DIV class="accordion hidden" id="code">
<H3>Style sheet file</H3>
<DIV>
<P>The CSS rules below, which customize boxplus appearance, should be appended
to the style sheet file of the chosen theme, e.g.
<KBD>boxplus.darksquare.css</KBD>.</P>
<PRE id="stylesheetcode"></PRE></DIV>
<H3>Standalone</H3>
<DIV>
<P>The code below is to be copied into the HTML <KBD>head</KBD> section. It will
configure boxplus appearance and behavior as well as subscribe boxplus to trap
click events when you click a link or thumbnail in the gallery. This code
applies when you use boxplus on a standalone page.</P>
<PRE id="headcode"></PRE></DIV>
<H3>sigplus</H3>
<DIV>
<P>The code below is to be appended to <KBD>boxplus.min.js</KBD> (and
<KBD>boxplus.js</KBD> if would like your setup to work in <EM>Debug mode</EM>)
in the directory <KBD>/plugins/content/sigplus/engines/boxplus/js</KBD> relative
to your Joomla root. This code applies when you use boxplus as a lightbox engine
within sigplus.</P>
<PRE id="eventcode"></PRE></DIV></DIV></FORM></BODY></HTML>
Men det giver kun et popupbillede i højre venstre hjørne - det har jeg mulugheder nok af med andre popup.
Jeg ved ikke om du har prøvet linket jeg har sendt
+
Ny bruger
Nybegynder
Opret
Preview
