Différences

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

--- js:img_legend [2023/04/26 15:23] – 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[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;
-		$link = jQUery('<div class="img-legend">' + title + '</div>');
+		console.log("Parse images legends...", title);
-		$link.on("click", function(event) { event.preventDefault(); });
-		var $parent = jQuery(this).parent();
+		$link = jQuery('<div class="img-legend">' + title + '</div>');
-		if ($parent.prop('nodeName').toLowerCase() == "a") {
+		jQuery(this).wrap('<div class="media img-legend-wrapper"></div>');
+		jQuery(this).after($link);
-			jQuery(this).parent().after($link);
+		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");  }
-		} else if ($parent.prop('nodeName').toLowerCase() == "p") {
+		if (jQuery(this).hasClass("mediacenter")) { jQuery(this).removeClass("mediacenter"); jQuery(this).parent().removeClass("media"); jQuery(this).parent().addClass("mediacenter"); }
-			jQuery(this).after($link);
-		} else {
-			jQuery(this).after($link);
-		}
 	});
+	jQuery(".img-legend").on("click", function(event) { event.preventDefault(); });
 }});
@@ Ligne 31: / 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>