Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Applicare uno stile ad una immagine e rimuoverlo dalle altre

    Salve a tutti, nel mio programma ho un selettore di immagini che consente la scelta di solo un'immagine alla volta. Grazie a :hover ho fatto sì che quando ci passo sopra con il mouse la foto venga contornata da bordi, per dare l'effetto "selezionata". Quello che vorrei realizzare, è che i bordi rimanessero una volta cliccata l'immagine (e di conseguenza, se ne clicco un'altra scompaiano dalla prima). Per farvi capire meglio: imageselector.jpg
    Grazie a tutti!
    Ultima modifica di ciro78; 01-03-2016 a 11:27 Motivo: titolo poco chiaro

  2. #2
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    io adotterei il seguente sistema. darei un selettore di classe uguale a tutte le immagini. Quando clicchi rimuovi la classe che determina il bordo. Solo a quello che ha cliccato gli riapplichi il bordo.
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  3. #3
    Quote Originariamente inviata da ciro78 Visualizza il messaggio
    io adotterei il seguente sistema. darei un selettore di classe uguale a tutte le immagini. Quando clicchi rimuovi la classe che determina il bordo. Solo a quello che ha cliccato gli riapplichi il bordo.
    Si può fare anche se le immagini le visualizzo con un Array?
    codice:
                var src1 = "";            var img = new Array();
                img[0] = new Image();
                img[0].src = "../images/poggiatesta2.jpg";
                img[1] = new Image();
                img[1].src = "../images/poggiatesta1.JPG";
                    for (var i = 0; i < img.length; i++) {
                    var imagetag = document.createElement("img");
                    var onclick = document.createAttribute("onclick");
                    onclick.value = "myfun(" + i + ")";
    
    
                    var sorc = document.createAttribute("src");
                    sorc.value = img[i].src;
    
    
                    var id = document.createAttribute("id");
                    id.value = "my_image" + i;
    
    
                    var clas = document.createAttribute("class");
                    clas.value = "my_image_clas";
    
    
                    imagetag.setAttributeNode(clas);
                    imagetag.setAttributeNode(onclick);
                    imagetag.setAttributeNode(sorc);
                    imagetag.setAttributeNode(id);
                    document.body.appendChild(imagetag);
                }

  4. #4
    Up

  5. #5
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    Quote Originariamente inviata da Cencio96 Visualizza il messaggio
    Up
    è inutile che uppi se stai nelle prime discussioni. attendi che ti rispondano.
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  6. #6
    Quote Originariamente inviata da ciro78 Visualizza il messaggio
    è inutile che uppi se stai nelle prime discussioni. attendi che ti rispondano.
    Ho risolto, puoi chiudere

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.