From 1d459af0464eb2cdbdaaaf1122e1681210fdffea Mon Sep 17 00:00:00 2001
From: Marien Fressinaud <dev@marienfressinaud.fr>
Date: Fri, 14 Jun 2013 20:45:00 +0200
Subject: Fix issue #75 : chargement des images en lazyload, reste à le rendre
 optionnel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/index/index.phtml     | 10 +++++++++-
 app/views/javascript/main.phtml |  6 ++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

(limited to 'app/views')

diff --git a/app/views/index/index.phtml b/app/views/index/index.phtml
index 9974a9b0b..7037b2405 100644
--- a/app/views/index/index.phtml
+++ b/app/views/index/index.phtml
@@ -1,4 +1,12 @@
 <?php
+function lazyimg($content) {
+	return preg_replace(
+		'/<img([^<]+)src=([\'"])([^"\']*)([\'"])([^<]*)>/i',
+		'<img$1src="' . Url::display('/data/grey.gif') . '" data-original="$3"$5>',
+		$content
+	);
+}
+
 $output = Request::param ('output', 'normal');
 
 if ($output == 'rss') {
@@ -58,7 +66,7 @@ if ($output == 'rss') {
 				<h1 class="title"><?php echo $item->title (); ?></h1>
 				<?php $author = $item->author (); ?>
 				<?php echo $author != '' ? '<div class="author">' . Translate::t ('by_author', $author) . '</div>' : ''; ?>
-				<?php echo $item->content (); ?>
+				<?php echo lazyimg($item->content ()); ?>
 			</div>
 
 			<ul class="horizontal-list bottom">
diff --git a/app/views/javascript/main.phtml b/app/views/javascript/main.phtml
index e6c882333..443f62c31 100644
--- a/app/views/javascript/main.phtml
+++ b/app/views/javascript/main.phtml
@@ -109,8 +109,8 @@ function mark_favorite (active) {
 }
 
 function init_img () {
-	$(".flux .content img").each (function () {
-		if ($(this).width () > ($("#stream .content").width()) / 2) {
+	$(".flux_content .content img").each (function () {
+		if ($(this).width () > ($(".flux_content .content").width()) / 2) {
 			$(this).addClass("big");
 		}
 	});
@@ -125,6 +125,8 @@ function init_posts () {
 	<?php } ?>
 
 	init_img ();
+	// TODO rendre optionnel
+	$(".flux .content img").lazyload();
 
 	if (hide_posts) {
 		$(".flux:not(.active) .flux_content").hide ();
-- 
cgit v1.2.3