Centratura dell'immagine

[naps]

Salve ragazzi è da un pò che sto cercando di trovare il parametro
o il blocco di codice che possa centrarmi l'immagine al caricamento della pagiona:

questo codice è inerente ad un drag su immagine all'interno di un Div, però
sto cercando di far in modo che al caricamento della pagina l'immagine non
mi vada a posizionarsi a 0.0 (in alto a sinistra) ma al centro del Div.

ho trovato questo codice in rete:

vi posto il link perché non riesco a inserirlo come code (me lo mette tutto su una linea)
cmq la pagina è questa:

http://the-taylors.org/jquery.kinetic/

come vedrete dall'esempio l'immagine viene messa in alto a sinistra..

chiedo cortesemente se qualcuno mi può dare una dritta per trovare il punto dove poter inserire la sintassi corretta per mettere al centro l'immagine..

Grazie

[lucavizzi]

<style type="text/css">
            #inner img {
                width: 2000px;
                margin:-550px 0 0 -650px; 
            }
</style>

Il margine sinistro e superiore negativi sono calcolati in base alla dimensione dell'immagine (2000 x 1500px) e del div in cui scorre (700 x 400px).

[naps]

Ottimo mi spacca proprio il centro,
però draggando l'immagine non funziona come prima,
non riesco a vedere la parte sinistra dell'immagine , invece a destra scrolla perfettamente.

da che dipende dallo script javascript? oppure devo assegnare bene la misura dell'immagine?
(2500x1954px la mia immagine)

[lucavizzi]

Originariamente inviato da naps
Ottimo mi spacca proprio il centro,
però draggando l'immagine non funziona come prima,
non riesco a vedere la parte sinistra dell'immagine , invece a destra scrolla perfettamente.

da che dipende dallo script javascript? oppure devo assegnare bene la misura dell'immagine?
(2500x1954px la mia immagine)

La parte superiore la vedi?
Comunque questo plug-in non funziona affatto con Explorer (il 9 almeno)...

[naps]

Sopra = non va
sotto = ok scrolla tutto fino al margine del jpg
Sinistra = non va
Destra = ok scrolla tutto fino al margine del jpg

[naps]

Ma secondo te devo farmi il calcolo in proporzione rispetto al div che contiene
l'immagine?

l'immagine è = 2500px X 1954px

il div dove alloca l'immagine è = 970px X 630px

perciò devo cambiare i parametri che mi hai passato prima? giusto..?

margin:-550px 0 0 -650px;

[lucavizzi]

Cosa significa "sopra non va"? non scrolla affato o non arriva alla fine dell'immagine?
Non ho ben chiaro su quale proprietà CSS agisca lo script, prova a modificare, invece dei margini, le proprietà top e left:

top:-550px;
left:-650px;

(il calcolo dovresti rifarlo se vuoi il centro esatto)

[naps]

Sorry

intendevo dire che:

Sopra = non scrolla affatto
Sotto = scrolla fino al margine ok
Sinistra = non scrolla affatto
Destra = scrolla fino al margine ok

ok prova a fare dei calcoli in base all'immagine per vedere se
funziona il tutto seguendo il tuo suggerimento.

intanto grazie.

[lucavizzi]

Originariamente inviato da naps
Sorry

intendevo dire che:

Sopra = non scrolla affatto
Sotto = scrolla fino al margine ok
Sinistra = non scrolla affatto
Destra = scrolla fino al margine ok

ok prova a fare dei calcoli in base all'immagine per vedere se
funziona il tutto seguendo il tuo suggerimento.

intanto grazie.

se non scrolla affatto non risolvi modificando i margini, prova con top e left.

[naps]

Sto provando più volte con top e left ma senza successo
ho provato lasciando il codice originale senza mettere questo:

margin:-550px 0 0 -650px;

caricando la pagina l'immagine viene caricata al punto 0.0 in (alto a sinistra)

inserendo la riga precedentemente postata (vedi sopra)
l'immagine viene caricata perfettamente al centro ma lo script prende come punto 0.0
il calcolo della riga di codice aggiunta sopra, ecco perchè non scrolla affatto ne in TOP ne in LEFT.

penso che si debba trovare o aggiungere una riga di codice direttamente nel file "jquery.kinetic.js"

se nò sto pensando ad una altra dritta mhà..