Problema enreversadillo con javascript

[z3nth10n]

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:



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



...

ahí alguna forma de que no me salga eso?

se me está ocurriendo poner &quot;

os digo que pasa si pongo eso..

Un saludo. 

[WHK]

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/