Staffer Group BR™

Fórum interativo totalmente gratuito!


 VisualizaçõesPermissão deste fórum:
Não podes responder a tópicos


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

D'Leandro™
Fundador
[JavaScript] Select Img Viwer Icon-j10 Select Img Viwer em JavaScript
PunBB PhpBB2 PhpBB3 Invision Blog Site

Código:
    <script language="javascript">

    /*Combo Box Image Selector:
    By Website Abstraction (www.wsabstract.com)
    Over 200+ free JavaScript here!
    */

    function showimage()
    {
    if (!document.images)
    return
    document.images.pictures.src=
    document.mygallery.picture.options[document.mygallery.picture.selectedIndex].value
    }

    </script>


    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="100%"><form name="mygallery"><p><select
    name="picture" size="1" onChange="showimage()">
    <option selected value="URL-DA-IMAGEM">Imagen 1</option>
    <option value="URL-DA-IMAGEM">Imagen 2</option>
    <option value="URL-DA-IMAGEM">Imagen 3</option>
    </select></p>
    </form>
    </td>
    </tr>
    <tr>
    <td width="100%"><p align="center"><img src="IMAGEM-ORIGINAL" name="pictures" width="100%"
    height="100%"></td>
    </tr>
    </table>

URL-DA-IMAGEM = Substitua pelas imagens que estaram a selecionar.
IMAGEM-ORIGINAL = Substitua pela imagem original que ficara ao nao selecionar nada.


Resultado: Este codigo cria uma selectbox que lhe permite visualizar a imagem correspondente a opçao selecionada.

#2
 Gmtp

Gmtp
Membro
Olá

Nossa velho tudo que vem de você é maravilhoso

Até mais

#3
 dejanpetrus

dejanpetrus
Membro
legal ta de parabens

#4
 fascicularia

fascicularia
Membro
curioso

#5
 Hancki

Hancki
Membro
Analisando :)

#6
 DEMORUTO666

DEMORUTO666
Membro
parece ser bem interessante esse codigo

#7
 Conteúdo patrocinado