He estado mirando, una vez más, el tutorial este:
http://asistencia.foroactivo.com/t84997-widget-con-un-menu-que-sale-al-lado

Y me gustaría saber la forma de como conseguir eso, pero con imágenes... como usa un lenguaje JavaScript, no se usarlo. Por ello, creo que me podríais ayudar, haber que tal.

Saludos

Osea, cambiar las palabras que salen al pasar el cursor por imágenes?

Bazinga escribió:Osea, cambiar las palabras que salen al pasar el cursor por imágenes?

Así es, pero simplemente, de momento una imágen.

Me explico.. en una imágen pequeña.. cuando pasas el cursor, para mostrarle el tamaño real de dicha imágen PERO con saliente, es decir, que se salga..como este menú.

Espero haberme explicado,
Kakashi

Osea que al pasar el mouse se agrande la imagen?

Creo que seria poniendo así:

linkset[0]+='<img src"URL DE LA IMAGEN">'

lukario! escribió:Osea que al pasar el mouse se agrande la imagen?

Creo que seria poniendo así:

linkset[0]+='<img src"URL DE LA IMAGEN">'

Si, más o menos eso... pero nose, por ejemplo.. se usa en los foros.ws

y... no funciona ese code

Saludos y gracias igualmente

kakashi-sensei escribió:

lukario! escribió:Osea que al pasar el mouse se agrande la imagen?

Creo que seria poniendo así:

linkset[0]+='<img src"URL DE LA IMAGEN">'

Si, más o menos eso... pero nose, por ejemplo.. se usa en los foros.ws

y... no funciona ese code

Saludos y gracias igualmente

Lo estás haciendo bien? Lee el punto 3 del tutorial
debes editar esto:

Código:

linkset[0]='<a href="http://url-del-1ro-tema.htm">Titulo-1-deseado </a>'
linkset[0]+='<a href="http://url-del-2ndo-tema.htm">Titulo-2-deseado</a>'
linkset[0]+='<a href="http://url-del-3ro-tema.htm">Titulo-3-deseado</a>'
linkset[0]+='<a href="http://url-del-4to-tema.htm">Titulo-4-deseado</a>'

Bazinga escribió:Lo estás haciendo bien? Lee el punto 3 del tutorial
debes editar esto:

Código:

linkset[0]='<a href="http://url-del-1ro-tema.htm">Titulo-1-deseado </a>'
linkset[0]+='<a href="http://url-del-2ndo-tema.htm">Titulo-2-deseado</a>'
linkset[0]+='<a href="http://url-del-3ro-tema.htm">Titulo-3-deseado</a>'
linkset[0]+='<a href="http://url-del-4to-tema.htm">Titulo-4-deseado</a>'

Si, si, edité eso...

PD. Pruebalo por vos mismo, pero vamos a mi no me sale

Funciona perfectamente, tal vez estás siguiendo mal el tuto..
solo tienes que modificar lo que te dijimos

Jaj, te lo creas o no, no funciona... mira he probado asi:


Te lo puse en Hide.... pero, vamos segui todo los pasos.... pero no me aparee imagen -.-

Saludos,

PD. Creo que los Codes, este mes no me quieren

Hagamos más facil.
Te dejo el code que edité yo y me funciona:
pruebalo antes y luego lo editas..

Código:


<style type="text/css">

#popitmenu{
-moz-border-radius: 12px 12px 12px 12px;
position: absolute;
background-color: #363636;
border:2px solid #B8B8B8;
font: normal 12px Arial;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: #B8B8B8;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
-moz-border-radius: 12px 12px 12px 12px;
background-color: #418fbc;
color: white;
font-style: italic;
}

</style>


<script type="text/javascript">

var defaultMenuWidth="150px" //set default menu width.

var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

linkset[0]='<a href="http://url-del-1ro-tema.htm"><img src=""/></a>'
linkset[0]+='<a href="http://url-del-2ndo-tema.htm.htm"><img src="http://i41.servimg.com/u/f41/16/71/63/22/10tuto11.png"/></a>'
linkset[0]+='<a href="http://url-del-3ro-tema.htm.htm"><img src="http://i41.servimg.com/u/f41/16/71/63/22/10tuto11.png"/></a>'
linkset[0]+='<a href="http://url-del-4to-tema.htm.htm"><img src="http://i41.servimg.com/u/f41/16/71/63/22/10tuto11.png"/></a>'


////No need to edit beyond here

var ie5=document.all && !window.opera
var ns6=document.getElementById

if (ie5||ns6)
document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')

function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
}

function showmenu(e, which, optWidth){
if (!document.all&&!document.getElementById)
return
clearhidemenu()
menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
menuobj.innerHTML=which
menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
menuobj.contentwidth=menuobj.offsetWidth
menuobj.contentheight=menuobj.offsetHeight
eventX=ie5? event.clientX : e.clientX
eventY=ie5? event.clientY : e.clientY
//Find out how close the mouse is to the corner of the window
var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
else
menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
menuobj.style.visibility="visible"
return false
}

function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj)
menuobj.style.visibility="hidden"
}

function dynamichide(e){
if (ie5&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}

function delayhidemenu(){
delayhide=setTimeout("hidemenu()",500)
}

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

if (ie5||ns6)
document.onclick=hidemenu

</script>

No te gastes en responder, mando a papelera.