Partage
  • Partager sur Facebook
  • Partager sur Twitter

[jQuery] load () et manipulation des balises img

Sujet résolu
    8 décembre 2010 à 18:14:23

    Bonjour

    Soit une série de pages web ... dont l'emmerdant est que les images sont toutes appelées par le biais de liens relatifs ce qui fait que ... si j'appelle ces pages via la fonction load() ... j'ai bien le babla mais pas les images :(

    Est-il possible avec la fonction load () de procéder via un callback qui ajouterait à toutes les images un chemin d'accès correct = ajouter "http:// monsite/ repertoire/" devant les liens actuels des images

    les liens sont du type :
    <a href="#" titre="'.$path_tutohtml.$nom_fichier.'.html">'.utf8_encode($joli_libelle).'</a>
    

    d'où l'appel à l'attribut "titre" dans ma partie jquery ci dessous

    (d'autres liens se terminent par .mov ou autre )

    <script type="text/javascript">
    		$(function(){	
    			// click sur zone principale ou sur zone latérale ( split list )
    			$("a[titre$='html']").live('click',function(){	// si la balise titre se termine par html	
    			var lien=$(this).attr('titre');   // on recupere le contenu
    			$("page")=load(lien);     // je charge la page
    			});
    		});
    	</script>
    


    Dans mon cas ... ca marche mais les images = carrés .

    merci
    • Partager sur Facebook
    • Partager sur Twitter
      15 décembre 2010 à 16:00:12

      je me suis débrouillé tout seul comme cela :

      ////////// TRAITEMENT PAGE TUTORIELS 
      // click sur zone principale ou sur zone latérale ( split list )
      			$("a[titre$='html']").live('click',function(){	
      				// on efface ce qui a pu être vu auparavant dans cette zone
      				$("#contenu").empty(); 
      				var lien=$(this).attr('titre');
      				// on a mis un attribut perso " from " dans le lien pour savoir d'où vient le clic.
      				var from=$(this).attr('from');	
      				
      				$("#contenu").load(lien+" #wrapper",function(){
      					var sizedWindowWidth = $(window).width();	// on recupère la largeur en cours de l"ecran
      					
      					// on tripote le CSS de la page
      					$("#wrapper").css({"width":'99%',"margin":"auto"});
      					$(".LessonTitle,.StepTitle").css({'background-color':'#DDE7F0','border-top':'1px #CCC solid','border-bottom':'1px #CCC solid','padding-left':'5px'});
      	
      					$("#wrapper img").each(function(){	// sur chaque balise img on met le path complet des images sinon =carré
      						var att=$(this).attr('src');
      						bonsrc="http://mediclickstudio.net/site/tuto/tuto_html/"+att;
      						$(this).attr('src',bonsrc);
      						
      						$(this).attr('width',function(){
      							return (this.width>sizedWindowWidth) ? sizedWindowWidth-5:this.width ;
      						});
      					});
      					$("div .caption").remove();	// on vire la DIv qui permattait un Zoom Elle a la class= "	caption"
      					$("#wrapper a").each(function(){ 
      						$(this).attr('href',"#");	// on inactive les liens.
      					});
      					$("#back").attr("href","mob_tuto.php#"+from);	// on retourne a la bonne page via l'attribut perso qui indiquait la page en cours
      				});
      			});
      
      • Partager sur Facebook
      • Partager sur Twitter

      [jQuery] load () et manipulation des balises img

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown