Come rendere un'immagine fluttuante sempre al centro del browser, ma dentro un td.

[Giuseppe82]

Questa volta ci devo riuscire.

Sono riuscito a reperire uno script, che sposta l'immagine con il posizionamento dinamico.
In questa pagina

www.effebipromo.com/modus.html

c'è il logo posto sulla sinistra che ad una risoluzione normale si vede soltando se si scorre la pagina.
In quest'altra pagina
http://www.effebipromo.com/modus-javascript.htm
ho applicato uno script, ma non riesco a fargli fare ciò che voglio io, ciò che il logo sia fluttuante ma all'interno della td.

[br1]

Prova a modificare questo pezzo...:

}</style>


<table border="0" cellspacing="0" cellpadding="0" height="100%">
  <tr>
    <td width="177" bgcolor="#666666"></td>
    <td width="1"  bgcolor="#CCCCCC"></td>
    <td align="center" width="814"> 
      <table width="730" border="0" cellspacing="0" cellpadding="0" height="100%">
        <tr>
          <td width="70" valign="middle" align="right">

             
<script type="text/javascript">
<!--
putlayer();
//-->
</script>
          </td>
          <td>

ciao

[Giuseppe82]

Ho fatto le modifiche ma e uguale lo stesso solo che il logo si è spostato sulla sunistra in alto
http://www.effebipromo.com/modus-modificato.htm

Può essere che si deve modificare lo script? http://www.effebipromo.com/fixed.js



<table border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="177" bgcolor="#666666"> </td>
<td width="1" bgcolor="#CCCCCC"> </td>
<td align="center" width="814">
<table width="730" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td width="70" valign="middle" align="right">

Parte modificata

<script type="text/javascript">
Fine parte modificata
<!--
putlayer();
//-->
</script>
</td>
<td>

[Giuseppe82]

Sono riuscito a reperire uno script, che sposta l'immagine con il posizionamento dinamico.
In questa pagina

www.effebipromo.com/modus.html

c'è il logo posto sulla sinistra che ad una risoluzione normale si vede soltando se si scorre la pagina.
In quest'altra pagina
http://www.effebipromo.com/modus-javascript.htm
ho applicato uno script, ma non riesco a fargli fare ciò che voglio io, ciò che il logo sia fluttuante ma all'interno della td.

Ho poi applicato le modifiche che mi ha suggerito br1, ma senza risultato! Sotto c'è la pagina modificata.
http://www.effebipromo.com/modus-modificato.htm

Può essere che si deve modificare lo script? http://www.effebipromo.com/fixed.js

Confidando in una risposta efficace colgo l'occasione per salutare tutti gli utenti del forum.

[Xinod]

Giuseppe, basta una sola discussione

[Xinod]

provo a darti una mano,
prima di tutto rimuovi questo
<div style="position:absolute;top:100%" id="fixedlayer"> </div>

non serve dal momento che la funzione putlayer già scrive il livello con il suo contenuto

il resto tra qualche minuto che sono al telefono

[Giuseppe82]

:quote: Comunque sia andata non sono riuscito a risolvere il problema.

Xinod secondo te è davvero così impossibile fare questa cosa? :metallica

[Xinod]

no, è fattibile simularne lo scorrimento nel td

preparati una gif trasparente da posizionare come segnaposto per ricavare la coordinata x per il livello

<TD vAlign=middle align=right width=70>

<SCRIPT type=text/javascript>
<!--
putlayer();
//-->
</SCRIPT>

[img]trasparente.gif[/img]
</TD>

poi modifica il fixed.js
prima di function getRef(id)
aggiungi questa funzione

function getCoordX(element) {
	var coordX=0
	while (element) { 
		coordX += element.offsetLeft; 
		element = element.offsetParent; 
	} 
	return coordX
}

poi, prima di
autonoscroll();
nella function ini_fixed()
aggiungi

fixlayer.left=getCoordX(document.images('fake'))+'px'

se vuoi che fino al termine del caricamento non si veda il livello fuori posto, segna (sempre nel fixed.js) 5000 come left in questa parte del codice

div_prop='left:0;z-index:9;width:100%;height:100';
layer_prop='left="0" z-index="9" width="50%" height="50"';

ciao

[Giuseppe82]

Le dimensioni dell'immagine traspparente devo essere uguali a quelli del logo?

[Xinod]

no, ma visto che l' immagine è centrata nella cella
e che determina la posizone sull' asse delle x del livello fluttuante ti consiglio di darle la stessa larghezza