Problème sur mon code HTML -> Img repeat [HELP ME]
Résolu
Bien le bonjour donc je suis entrain de créer un petit truc en HTML voici mon code :
Mais n'en prenons pas compte, ce que je veut savoir c'est dans cela :
<div style="float: right">
<img id="monImage" src="IMAGE PAR DEFAUT"/>
</div>
<a href="#" alt="link1" data-img="IMAGE 1" class="imgLinked">lien 1</a>
<a href="#" alt="link1" data-img="IMAGE 2" class="imgLinked">lien 2</a>
<a href="#" alt="link1" data-img="IMAGE 3" class="imgLinked">lien 3</a>
<a href="#" alt="link1" data-img="IMAGE 4" class="imgLinked">lien 4</a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
$('.imgLinked').click(function(){
var img = $(this).data('img');
$('#monImage').attr('src',img);
});
</script>
Mais n'en prenons pas compte, ce que je veut savoir c'est dans cela :
<a href="#" alt="link1" data-img="IMAGE 1" class="imgLinked">lien 1</a>comment doit-je faire pour que li'mage ce répète avec "repeat" mais je ne sais pas ou le placer etc, Merci de votre aide.
5 réponses
-
comme ça :
<script> $('.imgLinked').click(function(){ var img = $(this).data('img'); $('body').css('background','url('+img+')'); }); </script> -
Salut,
Que l'image ce répète repeat? tu peux être plus précis -
donc quand tu as ce code :
<a href="#" alt="link1" data-img="IMAGE 1" class="imgLinked">lien 1</a>
IMAGE 1 n'est présente qu'une fois et enfaite je voudrait que cet image fasse toute la taille de l'écran, qu'elle soie répétée comme un background mais sans css
-
Merci beaucoup :)
-
j'aurais jamais su que c'était en javascript
