Test Foro de elhacker.net SMF 2.1

Hola amigos, bueno tengo unos problemas un poco gordos, y son:

tengo esto:

document.write("<img src="img/quest.png" data-artist="Sands of the Coliseum" data-album="Minijuegos" onmouseover='show("sandscol")' onmouseout='hide("sandscol")' onclick='show("content")+sandsofthecoliseum()' />");

document.write("<img src="img/quest.png" data-artist="Strike Force Heroes" data-album="Minijuegos" onmouseover='show("strikeforce")' onmouseout='hide("strikeforce")' onclick='show("content")+strikeforceheroes()' />");

que es lo que pasa?

que tengo que poner \", y entonces esto es lo que pasa:

(http://i.imgur.com/juRDV.png)

este es el código que pongo para que salga así.

(http://i.imgur.com/dkmev.png)

...

ahí alguna forma de que no me salga eso? :(

se me está ocurriendo poner &quot;

os digo que pasa si pongo eso..

Un saludo.  :(

Porque mejor no pones la imágen con style="display:none;" y despues le cambias la visibilidad con javascript de none a block?

Te recomiendo utilizar el inspeccionador de elementos de tu chrome, vee si hay errores de interpretación y vee como queda el código final.

http://jsfiddle.net/m2SDZ/