Now that tha Kobo can handle properly Fancybox :

* Add a detection for e-Ink browser
 * Remove effect for e-Ink browser (fewer refresh needed)
 * Handle the margin to allow closing of Fancyboxes
This commit is contained in:
Sébastien Lucas 2012-07-21 15:23:49 +02:00
parent 9b94da72ac
commit 3ebc6ef5eb

View file

@ -21,6 +21,7 @@
$currentPage = Page::getPage ($page, $qid, $query); $currentPage = Page::getPage ($page, $qid, $query);
$currentPage->InitializeContent (); $currentPage->InitializeContent ();
$isEink = preg_match ("/(Kobo Touch|Kindle\/3.0)/", $_SERVER['HTTP_USER_AGENT']);
?> ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
@ -56,11 +57,7 @@
$(".fancycover").fancybox({ $(".fancycover").fancybox({
'type' : 'image', 'type' : 'image',
openEffect : 'none', <?php if ($isEink) echo "openEffect : 'none', closeEffect : 'none', helpers : {overlay : null}"; ?>
closeEffect : 'none',
helpers : {
overlay : null
}
}); });
$("#searchImage").click(function(){ $("#searchImage").click(function(){
@ -74,7 +71,11 @@
$(".bookdetail").click(function(){ $(".bookdetail").click(function(){
var url = $(this).find("a").attr("href"); var url = $(this).find("a").attr("href");
$('#content').load(url, function(data, stat, req){ $('#content').load(url, function(data, stat, req){
$.fancybox( {content: data, maxWidth : '700' } ); $.fancybox( {
content: data,
maxWidth : '700',
<?php if ($isEink) echo "margin : [15, 35, 10, 10], openEffect : 'none', closeEffect : 'none', helpers : {overlay : null}"; ?>
} );
}); });
return false; return false;