Problème sur mon code HTML -> Img repeat [HELP ME]

Résolu/Fermé

Fhocus Messages postés 36 Date d'inscription samedi 27 décembre 2014 Statut Membre Dernière intervention 11 mars 2015 - 28 déc. 2014 à 15:26
Fhocus Messages postés 36 Date d'inscription samedi 27 décembre 2014 Statut Membre Dernière intervention 11 mars 2015 - 28 déc. 2014 à 16:26

Bien le bonjour donc je suis entrain de créer un petit truc en HTML voici mon code :

<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.

A voir également:

Problème sur mon code HTML -> Img repeat [HELP ME]
Code asci - Guide
Code puk bloqué - Guide
Editeur html - Télécharger - HTML
Code telephone oublié - Guide
Code blocks free - Télécharger - Langages

5 réponses

Réponse 1 / 5

vik-prod Messages postés 12 Date d'inscription dimanche 28 décembre 2014 Statut Membre Dernière intervention 28 décembre 2014 13
28 déc. 2014 à 16:05

comme ça :

<script>
    $('.imgLinked').click(function(){
        var img = $(this).data('img');
        $('body').css('background','url('+img+')');
    });
</script>

Réponse 2 / 5

vik-prod Messages postés 12 Date d'inscription dimanche 28 décembre 2014 Statut Membre Dernière intervention 28 décembre 2014 13
28 déc. 2014 à 15:50

Salut,

Que l'image ce répète repeat? tu peux être plus précis

Réponse 3 / 5

Fhocus Messages postés 36 Date d'inscription samedi 27 décembre 2014 Statut Membre Dernière intervention 11 mars 2015 2
28 déc. 2014 à 15:53

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

Réponse 4 / 5

Fhocus Messages postés 36 Date d'inscription samedi 27 décembre 2014 Statut Membre Dernière intervention 11 mars 2015 2
28 déc. 2014 à 16:07

Merci beaucoup :)

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

Fhocus Messages postés 36 Date d'inscription samedi 27 décembre 2014 Statut Membre Dernière intervention 11 mars 2015 2
28 déc. 2014 à 16:10

j'aurais jamais su que c'était en javascript

vik-prod Messages postés 12 Date d'inscription dimanche 28 décembre 2014 Statut Membre Dernière intervention 28 décembre 2014 13
28 déc. 2014 à 16:14

Tu peux tout faire en Js et avec Jquery c'est encore plus simple ^^

Fhocus Messages postés 36 Date d'inscription samedi 27 décembre 2014 Statut Membre Dernière intervention 11 mars 2015 2
28 déc. 2014 à 16:26

merci du conseil

Discussions similaires

Code de renvoi d'appel : Ooredo, Mobilis...

Espace en HTML

code d'activation GTA 5 steam

Acces à snapchat temporairement désactivé

Discussions similaires

Newsletters