La función de JavaScript solo funciona en Firefox.
Hice una función que muestra imágenes de cartas después de hacer clic en un botón. El problema es que no funciona en Chrome. El editor de Chrome presenta un “/” adicional al final de la ruta.
function renderDeck(deck, ph)
{
var htmlStr = document.getElementById(ph).innerHTML;
for (var i = 0; i < deck.length; i++) {
htmlStr += '<div>';
htmlStr += '<img src=' + deck[i].path + '/gt;';
htmlStr += '</div>';
}
document.getElementById(ph).innerHTML = htmlStr;
}
Un ejemplo de lo que añado al mazo
deck.push({ name: 'red_joker', path: 'cardImages/red_joker.png', val: 15 });
¿Cuál puede ser el problema?
davy.ai
El problema es que al final de la ruta de la imagen en el código de la función hay una barra diagonal adicional. Esto hace que la imagen no se muestre en Google Chrome. El código correcto debería ser:
Este código utiliza comillas dobles alrededor del valor del atributo
src
para asegurarse de que Chrome no agregue una barra diagonal adicional.