spostare le immagini

**silverseraph** · 01-10-2005, 19.50.41

ragazzi esiste un modo per far si che col mouse sposti delle immagini? un po come le icone di windows....

01-10-2005, 20.00.01

si avevo trovato qualcosa su un sito una volta xo nn ricordo se funzionava anche con altri browser oltre ke con IE

**heracleum** · 01-10-2005, 20.40.24

Non so esattamente cosa hai in mente ma certo che si può fare, usando DHTML (html + css + javascript)
Cerca degli esempi su google, per esempio cercando chiavi di ricerca come:
"dhtml move images drag drop"
ho trovato questo tra i primissimi risultati:
http://www.walterzorn.com/dragdrop/dragdrop_e.htm
Molto simpatico, per esempio nel primo paragrafo c'è una faccina che puoi spostare via dal testo, in giro per lo schermo. Poi sotto c'è un'iconetta "new" sempre trascinabile e in più premendo il tasto SHIFT si effettua anche un ridimensionamento al volo, molto ganzo.

**poske** · 01-10-2005, 20.42.35

È sicuramente possibile ...in Flash. Altrimenti si potrebbe giocare un po' coi css attraverso javascript... ma sarebbe molto complicato!

Ciao! :D

**silverseraph** · 01-10-2005, 21.22.16

heracleum grazie x il luink, ma pultroppo ancora non sono riuscito a trovare il codice essenziale per ricavare quella funzione. sapresti trovarmelo tu? GRAZIE.

**heracleum** · 01-10-2005, 21.29.50

Scusa, in quella pagina che ti ho linkato viene offerto l'utilizzo dell'intera LIBRERIA (file .js, contenente le funzioni javascript utili), quindi se ti interessa quella nello specifico puoi seguire le sue istruzioni.
Per il resto, come detto anche da altri, non è una delle cose più semplici da fare in una pagina, soprattutto per farlo funzionare in diversi browser, quindi capirai che non è una funzioncina già bell'e'pronta ma tutto un sistema di eventi, proprietà di stile, che appunto coinvolgono html+css+javascript. Quindi niente «codice essenziale per ricavare quella funzione».
Se proprio ti interessa il codice, vederlo è un attimo (capirlo un'altra cosa): basta che ti scarichi quel file .js indicato nella pagina linkata, lo apri con un qualsiasi editor testuale (anche notepad per dire) e ti vedi tutto il codice necessario; non l'ho visto ma sono sicuro che non sia una bazzeccola.

**silverseraph** · 01-10-2005, 21.34.30

in quel codice non ci sto capendo nulla. come faccio a collegare l'immagine al js?

**dementialsite** · 02-10-2005, 10.55.31

Preferisci qualcosa in italiano? Prova a dare un'occhiata a questa pagina http://www.html.it/mailing/archivio/a260/index.html, è un po' più riduttivo rispetto a quello di heracleum (non c'è ridimensionamento) e viene realizzato con dei DIV o LAYER (a seconda del browser), quindi ti basta cacciarci dentro un'immagine e ottieni esattamente quello che cerchi (né più né meno).

Stammi bene...

02-10-2005, 14.01.29

questo proposto da dementialsite con firefox non funge però!

**silverseraph** · 02-10-2005, 17.55.50

mannaggia....mi sembrava troppo bello!!

**heracleum** · 03-10-2005, 02.07.18

Comunue mica ho capito qual è l'ostacolo nell'utilizzare l'altra libreria js...
oltre che ci sono più pagine (segui i link) che spiegano tutte le funzioni.. (o hai problemi di inglese???)

senza che stai troppo a studiartelo, fai la cosa più rozza del mondo: ti guardi il sorgente HTML di uno qualsiasi degli esempi, magari quello più semplice senza troppi casini mischiati insieme, e copiati i passi più iportanti che saranno:
(ma azz... ho fatto un salto proprio ora e vedo che c'è UN CAPITOLETTO APPOSITO:
How to include the Drag & Drop Script
http://www.walterzorn.com/dragdrop/d...p_e.htm#config

che dice TUTTI I PASSI!!!
Che devo fare te li devo tradurre????
dai in due parole:

1) richiami la libreria wz_dragdrop.js aggiungendo questa riga SUBITO DOPO il tag BODY così:

Codice HTML:

<body>
<script type="text/javascript" src="/js/wz_dragdrop.js"></script>

Così come te l'ho indicato dovresti COPIARTI il file .js (che ti scarichi ZIPPATO da qui http://www.walterzorn.com/scripts/wz_dragdrop.zip )
e metterlo dentro una SOTTOcartella "js" rispetto alla cartella base (root) del tuo spazio web, oppure mettila dove ti viene comodo ma richiamala correttamente nel tag script.

2) usi immagini con nome UNIVOCO (ciccio1, ciccio2..) così:

Codice HTML:

<img name="ciccio1" src="someImg.jpg" width="240" height="135">

3) (poi nel capitoletto dice di creare un div ma per semplici immagini trascinabili puoi evitartelo secondo me)
per indicare che l'immagine deve essere trascinabile, in fondo alla pagina, fai:

Codice HTML:

<script type="text/javascript">
SET_DHTML(CURSOR_MOVE, "ciccio1");
</script>

Oppure solo
SET_DHTML("ciccio1");
se non vuoi il cursore a 4 direzioni..

Non ho provato ma ad occhio dovrebbe fungere, e non mi sembra così complesso no?

**silverseraph** · 03-10-2005, 12.19.55

Grazie Ti Amo!!!

c'è un piccolo problema: mentre la sposto lascio il mouse ed essa sparisce.

**heracleum** · 03-10-2005, 12.40.40

Metti online la pagina e dacci il link, così vediamo il problema...

**silverseraph** · 03-10-2005, 12.43.57

non posso metterla online.........cmq ho fatto esattamente quello che hai detto tu.

**heracleum** · 03-10-2005, 12.49.13

eh allora se ne riparla per stasera, sorry...

**silverseraph** · 03-10-2005, 12.51.55

ok, non fa niente, grazie per la disponibilità.

22-06-2011, 13.42.43

scusate, vorrei sapere anche io come spostare le immagini e i link ora non sono più funzionanti qualcuno sa dirmelo ?

**karl94** · 22-06-2011, 19.28.02

Loveandpet: come da regolamento non riesumare vecchie discussioni. Apri una nuova discussione nella sezione corretta e spiega dettagliatamente il problema.

Discussione: spostare le immagini

LinkBack

Strumenti discussione

Display

spostare le immagini

scusate potete dire come fare anche a me ?

Regole di scrittura