<commit_before>---
layout: plugin
title: lightbox

is_lightbox: true

options:
  - name: prefix
    default: "'myLightbox'"
  - name: group
    default: "false"
    example: true
  - name: cycle
    default: "false"
    example: true
  - name: modal
    default: "false"
    example: true
  - name: modalClickable
    default: "false"
    example: true
  - name: modalClosable
    default: "false"
    example: true
  - name: forceLoad
    default: "false"
    example: true
  - name: easing
    default: "'swing'"
    example: true
  - name: duration
    default: "1000"
    example: true
  - name: speed
    default: "0"
    example: true
  - name: fixed
    default: "false"
    example: true
  - name: responsive
    default: "false"
    example: true
  - name: ajax
    default: "true"
    example: true
  - name: styles
    default: "{ 'background': 'red' }"
  - name: dimensions
    default: "{}"
  - name: keys
    default: "false"
    example: true
  - name: keyCodes
    default: "{}"
  - name: lang
    default: "{}"

methods:
  - name: open
  - name: close
  - name: resize
  - name: destroy
  - name: next
  - name: previous
  - name: getElement
  - name: getCollection

callbacks:
  - name: open
  - name: close
  - name: resize
  - name: destroy
  - name: next
  - name: previous
  - name: load
  - name: complete
  - name: unload
---

<!-- start: example -->
<p class="clear">
	<a href="../static/dummy/img-large-001.jpg" class="lightbox box" id="group" title="&copy; Blizzard Entertainment."><img src="../static/dummy/img-001.jpg" alt="" /> <span>image</span></a>
	<a href="../static/dummy/img-large-002.jpg" class="lightbox-groups box" title="&copy; Blizzard Entertainment."><img src="../static/dummy/img-002.jpg" alt="" /> <span>image <strong>group</strong></span></a>
	<a href="../static/dummy/img-large-003.jpg" class="lightbox-groups box" title="&copy; Blizzard Entertainment."><img src="../static/dummy/img-003.jpg" alt="" /> <span>image <strong>group</strong></span></a>
	<a href="../static/dummy/img-large-004.jpg" class="lightbox-groups box" title="&copy; Blizzard Entertainment."><img src="../static/dummy/img-004.jpg" alt="" /> <span>image <strong>group</strong></span></a>
	<a href="http://www.youtube.com/embed/vCsGTP3-Jlw?rel=0" class="lightbox box"><img src="../static/dummy/youtube.jpg" alt="" /> <span>youtube</span></a>
	<a href="http://player.vimeo.com/video/43839129" class="lightbox box"><img src="../static/dummy/vimeo.jpg" alt="" /> <span>vimeoh</span></a>
	<a href="http://www.adobe.com/swf/software/flash/about/mini_FMA_about_01.swf" class="lightbox box"><img src="../static/dummy/swf.jpg" alt="" /> <span>flash</span></a>
	<a href="#inline" class="lightbox box"><img src="../static/dummy/inline.jpg" alt="" /> <span>inline</span></a>
</p>
<div id="inline" style="padding:25px 25px 15px;">
	<h2>Inline</h2>
	<p>This is an inline example!</p>
</div>
<!-- start: example -->
<commit_msg>adds testcase for issue #25<commit_after>---
layout: plugin
title: lightbox

is_lightbox: true

options:
  - name: prefix
    default: "'myLightbox'"
  - name: group
    default: "false"
    example: true
  - name: cycle
    default: "false"
    example: true
  - name: modal
    default: "false"
    example: true
  - name: modalClickable
    default: "false"
    example: true
  - name: modalClosable
    default: "false"
    example: true
  - name: forceLoad
    default: "false"
    example: true
  - name: easing
    default: "'swing'"
    example: true
  - name: duration
    default: "1000"
    example: true
  - name: speed
    default: "0"
    example: true
  - name: fixed
    default: "false"
    example: true
  - name: responsive
    default: "false"
    example: true
  - name: ajax
    default: "true"
    example: true
  - name: styles
    default: "{ 'background': 'red' }"
  - name: dimensions
    default: "{}"
  - name: keys
    default: "false"
    example: true
  - name: keyCodes
    default: "{}"
  - name: lang
    default: "{}"

methods:
  - name: open
  - name: close
  - name: resize
  - name: destroy
  - name: next
  - name: previous
  - name: getElement
  - name: getCollection

callbacks:
  - name: open
  - name: close
  - name: resize
  - name: destroy
  - name: next
  - name: previous
  - name: load
  - name: complete
  - name: unload
---

<!-- start: example -->
<p class="clear">
	<a href="../static/dummy/img-large-001.jpg" class="lightbox box" id="group" title="&copy; Blizzard Entertainment."><img src="../static/dummy/img-001.jpg" alt="" /> <span>image</span></a>
	<a href="../static/dummy/img-large-002.jpg" class="lightbox-groups box" title="&copy; Blizzard Entertainment."><img src="../static/dummy/img-002.jpg" alt="" /> <span>image <strong>group</strong></span></a>
	<a href="../static/dummy/img-large-003.jpg" class="lightbox-groups box" title="&copy; Blizzard Entertainment."><img src="../static/dummy/img-003.jpg" alt="" /> <span>image <strong>group</strong></span></a>
	<a href="../static/dummy/img-large-004.jpg" class="lightbox-groups box" title="&copy; Blizzard Entertainment."><img src="../static/dummy/img-004.jpg" alt="" /> <span>image <strong>group</strong></span></a>
	<a href="http://www.youtube.com/embed/vCsGTP3-Jlw?rel=0" class="lightbox box"><img src="../static/dummy/youtube.jpg" alt="" /> <span>youtube</span></a>
	<a href="http://player.vimeo.com/video/43839129" class="lightbox box"><img src="../static/dummy/vimeo.jpg" alt="" /> <span>vimeoh</span></a>
	<a href="http://www.adobe.com/swf/software/flash/about/mini_FMA_about_01.swf" class="lightbox box"><img src="../static/dummy/swf.jpg" alt="" /> <span>flash</span></a>
	<a href="#inline" class="lightbox box"><img src="../static/dummy/inline.jpg" alt="" /> <span>inline</span></a>
</p>
<div hidden="hidden">
<div id="inline" style="padding:25px 25px 15px;">
	<h2>Inline</h2>
	<p>Lorem ipsum dolor sit amet de shizzle the dizzle crocodizzle.</p>
	<form action="." method="post">
		<fieldset>
			<legend>This is an inline form example!</legend>
			<label>
				<select>
					<option value="">Please choose</option>
					<option value="1">Option 1</option>
					<option value="2">Option 2</option>
				</select>
			</label>
		</fieldset>
	</form>
</div>
</div>
<!-- start: example -->
{'fraction_non_alphanumeric': 0.19521592550971265, 'fraction_numerical': 0.016696098892278053, 'mean_word_length': 3.267123287671233, 'pattern_counts': {'":': 0, '<': 133, '<?xml version=': 0, '>': 133, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5301255', 'n_tokens_mistral': 2277, 'n_tokens_neox': 2157, 'n_words': 499}