Skip to content

Optional index for Shadowbox.display #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
timo-bes wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Optional index for Shadowbox.display #10

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e53a950
Introduced second optional argument to Shadowbox.open: index in the a…
timo-bes Oct 9, 2010
3a5429b
jquery adapter reads title attribute
timo-bes Oct 12, 2010
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 45 additions & 0 deletions examples/gallery.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Gallery</title>
<link rel="stylesheet" type="text/css" href="files/style.css">
<link rel="stylesheet" type="text/css" href="build/shadowbox.css">
<script type="text/javascript" src="build/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
var images = [{
content: 'files/hongkong-1.jpg',
player: 'img',
title: 'First Image'
}, {
content: 'files/hongkong-2.jpg',
player: 'img',
title: 'Second Image'
}, {
content: 'files/hongkong-3.jpg',
player: 'img',
title: 'Third Image'
}];
function openShadowbox(index) {
Shadowbox.open(images, index);
}
</script>
</head>
<body>
<p>
This example shows how to use Shadowbox.open and start at a certain position in the gallery.
</p>
<p>
<img src="files/hongkong.jpg" width="600" height="82" alt="Hong Kong" usemap="#hongkong">
<map id="hongkong" name="hongkong">
<area shape="rect" coords="43,27,135,77" href="#" onclick="openShadowbox(0)" alt="">
<area shape="rect" coords="191,11,286,74" href="#" onclick="openShadowbox(1)" alt="">
<area shape="rect" coords="419,2,502,81" href="#" onclick="openShadowbox(2)" alt="">
</map>
</p>
<p id="foot">This file is part of <a href="http://shadowbox-js.com/">Shadowbox.js</a>.</p>
</body>
</html>
5 changes: 5 additions & 0 deletions source/adapters/jquery.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -98,6 +98,11 @@ jQuery.fn.shadowbox = function(options) {
var cls = this.className || '';
opts.width = parseInt((cls.match(/w:(\d+)/)||[])[1]) || opts.width;
opts.height = parseInt((cls.match(/h:(\d+)/)||[])[1]) || opts.height;
// title
var title = el.attr('title');
if (title) {
opts.title = title;
}
Shadowbox.setup(el, opts);
});
}
10 changes: 7 additions & 3 deletions source/core.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -444,20 +444,24 @@ S.init = function(options, callback) {
* - A custom object similar to one produced by Shadowbox.makeObject
* - An array of any of the above
*
* If an array is given, the second parameter specifies the index of the first
* element, that should be displayed.
*
* Note: When a single link object is given, Shadowbox will automatically search
* for other cached link objects that have been set up in the same gallery and
* display them all together.
*
* @param {mixed} obj
* @param {Integer} index (optional)
* @public
*/
S.open = function(obj) {
S.open = function(obj, index) {
if (open)
return;

var gc = S.makeGallery(obj);
S.gallery = gc[0];
S.current = gc[1];
S.current = index || gc[1];

obj = S.getCurrent();

Expand Down