Différences

Ci-dessous, les différences entre deux révisions de la page.

--- js:img_legend [2023/04/26 15:34] – avillepreux
+++ js:img_legend [2024/12/03 09:52] (Version actuelle) – avillepreux
@@ Ligne 3: / Ligne 3: @@
 jQuery(function() { if (typeof img_legend === 'undefined') { img_legend = true;
-	jQuery("img.media[title]").each(function() {
+	console.log("Parse images legends...");
+	jQuery("img:is(.media, .medialeft, .mediaright, .mediacenter)[title]").each(function() {
 		var title = jQuery(this).attr("title");
 		if (title == "") return true;
+		console.log("Parse images legends...", title);
 		$link = jQuery('<div class="img-legend">' + title + '</div>');
-		jQuery(this).wrap('<span class="media"></span>');
+		jQuery(this).wrap('<div class="media img-legend-wrapper"></div>');
-		jQuery(this).parent().after($link);
+		jQuery(this).after($link);
-		jQuery(this).find(".img-legend").on("click", function(event) { event.preventDefault(); });
+		if (jQuery(this).hasClass("medialeft"))   { jQuery(this).removeClass("medialeft");   jQuery(this).parent().removeClass("media"); jQuery(this).parent().addClass("medialeft");   }
+		if (jQuery(this).hasClass("mediaright"))  { jQuery(this).removeClass("mediaright");  jQuery(this).parent().removeClass("media"); jQuery(this).parent().addClass("mediaright");  }
+		if (jQuery(this).hasClass("mediacenter")) { jQuery(this).removeClass("mediacenter"); jQuery(this).parent().removeClass("media"); jQuery(this).parent().addClass("mediacenter"); }
+	});
-		/*
+	jQuery(".img-legend").on("click", function(event) { event.preventDefault(); });
-		var $parent = jQuery(this).parent();
-		if ($parent.prop('nodeName').toLowerCase() == "a") {
-			jQuery(this).parent().after($link);
-		} else if ($parent.prop('nodeName').toLowerCase() == "p") {
-			jQuery(this).after($link);
-		} else {
-			jQuery(this).after($link);
-		}
-		*/
-	});
 }});
@@ Ligne 37: / Ligne 28: @@
 </JS><CSS>
-.img-legend { text-decoration: none; font-size: 0.9em }
+.img-legend,
+.img-legend:hover,
+a:hover .img-legend {
+	text-decoration:	none;
+	font-size:		0.9em;
+	color:			var(--color-text, var(--color-body, #333));
+}
 </CSS>