Initial import: Carteasy Shop (Dev-Stand)
This commit is contained in:
@@ -0,0 +1,18 @@
|
||||
/*
|
||||
With the following code, Slimbox will activate itself automatically on all links pointing to images,
|
||||
or more specifically all links having URLs ending with: ".jpg" or ".png" or ".gif".
|
||||
As a result, you will not need to set the rel="lightbox" attribute on any link to activate Slimbox.
|
||||
Furthermore, all image links contained in the same block or paragraph (having the same parent element)
|
||||
will automatically be grouped together in a gallery, so you will not need to specify groups either.
|
||||
Images that are alone in their block or paragraph will be displayed individually.
|
||||
|
||||
Replace the default autoload code block with this one.
|
||||
*/
|
||||
|
||||
jQuery(function($) {
|
||||
$("a[href]").filter(function() {
|
||||
return /\.(jpg|png|gif)$/i.test(this.href);
|
||||
}).slimbox({}, null, function(el) {
|
||||
return (this == el) || (this.parentNode && (this.parentNode == el.parentNode));
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
This code automatically integrates Flickr thumbnails with Slimbox.
|
||||
It will scan for all links around thumbnail images pointing to Flickr photo PAGES.
|
||||
Note that you don't need to add rel="lightbox" to these links.
|
||||
When clicking on a Flickr thumbnail, Slimbox will open and display the medium-sized image.
|
||||
The title attribute of the link (or the alt attribute of the thumbnail if not available) will be used
|
||||
as description text, and a link to the Flickr photo page will be added under the description.
|
||||
|
||||
Add the following code to the autoload code block.
|
||||
*/
|
||||
|
||||
jQuery(function($) {
|
||||
$("a[href^='http://www.flickr.com/photos/'] > img:first-child[src]").parent().slimbox({}, function(el) {
|
||||
return [el.firstChild.src.replace(/_[mts]\.(\w+)$/, ".$1"),
|
||||
(el.title || el.firstChild.alt) + '<br /><a href="' + el.href + '">Flickr page</a>'];
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
This code automatically integrates Picasa Web Albums thumbnails with Slimbox.
|
||||
It will scan for all links around thumbnail images pointing to Picasa Web Albums photo PAGES.
|
||||
Note that you don't need to add rel="lightbox" to these links.
|
||||
When clicking on a Picasa Web Albums thumbnail, Slimbox will open and display the medium-sized image.
|
||||
The title attribute of the link (or the alt attribute of the thumbnail if not available) will be used
|
||||
as description text, and a link to the Picasa Web Albums photo page will be added under the description.
|
||||
|
||||
Add the following code to the autoload code block.
|
||||
*/
|
||||
|
||||
jQuery(function($) {
|
||||
$("a[href^='http://picasaweb.google.'] > img:first-child[src]").parent().slimbox({}, function(el) {
|
||||
return [el.firstChild.src.replace(/\/s\d+(?:\-c)?\/([^\/]+)$/, "/s512/$1"),
|
||||
(el.title || el.firstChild.alt) + '<br /><a href="' + el.href + '">Picasa Web Albums page</a>'];
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user