classe .laudio et id timecode sur les liens vers #t123456789

player360.js.html

@@ -34,6 +34,7 @@ if (threeSixtyPlayer.config.useWaveformData || threeSixtyPlayer.flash9Options.us
 }
 
 $(document).ready(function(){
+	
 	// classe audio et id timecode sur les liens vers #t123456789
 	$("a").each(function(){
 		var timecode = $(this)[0].href.match(/t(\d+)/) ;

sm_pipelines.php

@@ -9,6 +9,8 @@ function sm_affichage_final($page) {
 	if (!strpos($page, 'script/soundmanager2.js')){
 		if(strpos($page, 'rel="enclosure"')  OR strpos($page, "rel='enclosure'") AND $GLOBALS['html']){
 			$script .= "\n"."<script type=\"text/javascript\" src=\"" . find_in_path('script/soundmanager2.js') . "\"></script>"."\n";
+			$script .= "\n"."<script type=\"text/javascript\" src=\"" . find_in_path('script/liens_audio.js') . "\"></script>"."\n";
+
 			$script .= "<script type=\"text/javascript\" src=\"" . generer_url_public('soundmanager.js') . "\"></script>"."\n";
 			$script .= "<link rel='stylesheet' href='" . generer_url_public('soundmanager.css') . "' type='text/css' />"."\n";
 			

soundmanager.css.html

@@ -142,6 +142,18 @@ padding:0;
 }
 
 
+/* Liens audio */
+
+.spip_ancre.laudio{color:inherit;border-bottom:1px solid #f9d7db;padding-bottom:2px}
+h3 .spip_ancre.laudio{padding-bottom:4px}
+.spip_ancre.laudio:hover{color:#ea7c87;border-bottom:0}
+.spip_ancre.laudio:before{content:' ';display:inline-block;width:.6em;height:.6em;margin-right:3px;background-image:url('[(#CHEMIN{skins/playrose.svg}|url_absolue)]');background-repeat:no-repeat;background-position:center center;background-size:100%;vertical-align:middle;opacity:0.3;transition-duration:.2s;transition-property:opacity;-moz-transition-duration:.2s;-moz-transition-property:opacity;-webkit-transition-duration:.2s;-webkit-transition-property:opacity}
+.spip_ancre.laudio.on{animation-duration:800ms;animation-name:border;animation-iteration-count:infinite;animation-direction:alternate}
+.spip_ancre.laudio:hover:before{opacity:1}
+.spip_ancre.laudio.on:before{animation-duration:800ms;animation-name:opacite;animation-iteration-count:infinite;animation-direction:alternate}
+
+
+
 /* #Mobile (Portrait)
 ================================================== */