Spostare un elemento con javascript

Fxxxx

Utente Attivo
17 Set 2011
63
0
0
Ciao a tutti
volevo creare una specie di galleria immagini in orizzontale...
Codice HTML:
HTML:
<div id="galleria">
                <div id="roller">
                	<div id="riga1" class="riga">
                    	<a href="http://forum.mrwebmaster.it/images/a01.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a01.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a04.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a04.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a07.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a07.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a10.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a10.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a13.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a13.jpg" /></a>
                	</div>
                	<div id="riga2" class="riga">
                    	<a href="http://forum.mrwebmaster.it/images/a02.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a02.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a05.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a05.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a08.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a08.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a11.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a11.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a14.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a14.jpg" /></a>
                	</div>
                	<div id="riga3" class="riga">
                    	<a href="http://forum.mrwebmaster.it/images/a03.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a03.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a06.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a06.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a09.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a09.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a12.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a12.jpg" /></a>
                        <a href="http://forum.mrwebmaster.it/images/a15.jpg" rel="shadowbox"><img src="http://forum.mrwebmaster.it/images/a15.jpg" /></a>
                	</div>
                </div>
                <div id="control">
                	<a href="#" onClick="document.getElementById('roller').style.webkitTransform='translate(-100px,0px)';">Scorri</a>
                </div>

Dove c'è un div galleria che contiene un roller che è quello che si deve spostare per consentire di mostrare altre foto che sono a destra...
La funzione del control è quello di contenere un div in link che permette di spostare il div roller verso sinistra...

Mi funziona ma quando provo a cliccare di nuovo sul link non si sposta più perché è già stato spostato...


Come posso fare ?
Se avete qualche alternativa scrivete pure il codice...

Ciao e grazie
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
P spostare elemento da basso a mezza pagina HTML e CSS 6
N spostare millimetricamente un pezzo di foto Photoshop 0
S spostare il pulsante menu dropdown HTML e CSS 8
L Come spostare cartella immagini/video PHP 1
Shyson Spostare filtro php di WordPress WordPress 0
L [WordPress] Spostare sito principale in sottodominio WordPress 14
U [WordPress] [CSS] Come faccio a spostare più in basso lo slider WordPress 0
Delemir78 [PHP] Problema per ridurre delle immagini e spostare i files in cartelle PHP 5
Shyson [HTML] Spostare a sinistra codice php PHP 6
F Spostare dati tabella Mysql in un campo solo di un'altra tabella PHP 1
L [WordPress] spostare al terzo livello WordPress 0
S [HTML] spostare div se quello adiacente è vuoto HTML e CSS 6
V [PHP] Spostare costanti da un file ad un altro PHP 2
E Spostare Wordpress da locale a remoto su hosting Aruba già esistente WordPress 2
L Testare un sito su un nuovo server dedicato senza spostare i DNS Server Dedicati e VPS 1
G Non riesco a spostare un cerchio fatto con tracciati in photoshop Photoshop 1
A Spostare Degli Oggetti in Più PictureBox in VB 6 Presentati al Forum 0
N XAMPP Spostare cartella phpMyAdmin su chiavetta Windows e Software 2
novello88 Spostare cartella Wordpress da /blog/ a root WordPress 1
filippino Spostare sito da blogger a wordpress WordPress 2
M spostare il testo PHP 1
I Spostare record da tabella a altra... help! MySQL 2
M Spostare sito in locale con akeeba backup Joomla 1
B Spostare Focus su una determinata TXTbox Javascript 3
I spostare div in base all'altezza dello scroll della pagina Javascript 1
M Spostare sito in Php, come? PHP 3
I Spostare codice js inline in una funzione js con l'aiuto del dom Javascript 1
F spostare record da tabella a tabella PHP 8
F Mi conviene spostare la mia home page da Virgilio (Xoomer) a Altervista gratis? SEO e Posizionamento 0
voldemort Spostare forum da phpbb a Joomla (Fireboard) Joomla 1
S Spostare file hostati con ftp PHP 1
moon Impossibile spostare cartella Windows e Software 6
T Spostare banner in cambio di link HTML e CSS 21
N spostare dei file da una directory ad un'altra direttamente sul server PHP 2
P Spostare immagini su un piano. Javascript 2
G Spostare immagini Javascript 2
Interrotto Spostare tabella se compare scrollbar Javascript 0
L non riesco a spostare i fotogrammi helpme come si fa? Flash 14
G Spostare le intestazioni logiche h1 h2 ... HTML e CSS 0
C spostare elementi listbox Javascript 0
J Spostare un immagine con dream.. HTML e CSS 2
T Spostare DIV dinamicamente...come fare? Javascript 3
T spostare immagine HTML e CSS 3
grottafelix All'attenzione dell'amministratore: Spostare immediatamente 3D Supporto Mr.Webmaster 6
D Spazio vuoto in un elemento di un array php PHP 2
M Posizionare una tabella con scroll su un elemento specifico PHP 3
MarcoGrazia jquery validate, necessità di validare almeno un elemento select su due jQuery 1
S [PHP] individuare chiave elemento array PHP 7
Cosina [PHP] Impostare colore singolo elemento in fwrite PHP 2
S aggiornare valore di un elemento xml con php PHP 8

Discussioni simili