Well, if you don't want the elastic transition and are willing to settle for the default which is a non-linear easing I believe, you don't need the UI. I would suggest it in fact. Get rid of:
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
And in slimbox2.js replace:
Code:
// AUTOLOAD CODE BLOCK (MAY BE CHANGED OR REMOVED)
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
jQuery(function($) {
$("a[rel^='lightbox']").slimbox({
loop: true,
overlayOpacity: 0.6,
resizeEasing: "easeOutElastic",
captionAnimationDuration: 400,
counterText: "Image {x} sur {y}",
closeKeys: [27, 70],
nextKeys: [39, 83]
}, null, function(el) {
return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
});
});
}
with:
Code:
(function($){
if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) {
var opts = {
loop: true,
overlayOpacity: 0.6,
counterText: "Image {x} sur {y}",
closeKeys: [27, 70],
nextKeys: [39, 83]
}
$('*[href][rel^=lightbox]').live('click', function(e){
var t = this, rel = t.getAttribute('rel'), hrefs = [], links = [], index;
if(rel === 'lightbox'){
$.slimbox(t.href, t.getAttribute('rev') || '', opts);
} else {
$('*[href][rel="' + rel + '"]').each(function(){
if($.inArray(this.href, hrefs) < 0){
if(t.href === this.href){index = hrefs.length;}
hrefs.push(this.href);
links.push([this.href, this.getAttribute('rev') || '']);
}
});
$.slimbox(links, index, opts);
}
e.preventDefault();
});
}
})(jQuery);
And in your lightbox triggers on the page, change title to rev:
Code:
<a href="images/slides/gnaana-book-1.jpg" rel="lightbox-gnaana_books" rev
="We love everything Gnaana, so when they asked us to work with them on illustrating a set of children’s books, we jumped at the opportunity! Bindi Baby Animals and Bindi Baby Numbers combine traditional South Asian bindi designs with a modern illustrative style to create whimsical, fun cultural learning tools for young children.<br /> <br />"><img src="images/thumb-gnanna-book.png" alt="gnaana children's book illustration" style="border:none; margin:0px; margin-right:16px;" /></a>
Now you can include links and other tags in them without them showing up on hover of the thumbnail.
Bookmarks