- Desde
- 8 Dic 2012
- Mensajes
- 3.564
Se me presenta una duda de HTML, a ver si me podéis ayudar a resolverla.
Actualmente dispongo de un selector de opciones con el siguiente formato:
<option data-thumbnail="<?php bloginfo('template_url') ?>/images/my-image0.png">Image</option>
<option data-thumbnail="<?php bloginfo('template_url') ?>/images/my-image1.png">Image</option>
<option data-thumbnail="<?php bloginfo('template_url') ?>/images/my-image2.png">Image</option>
<option data-thumbnail="<?php bloginfo('template_url') ?>/images/my-image3.png">Image</option>
Me gustaría combinar todas las imágenes que se muestran en las opciones del selector en un Sprite CSS para mejorar la carga. El código que normalmente uso para insertar imágenes de Sprite CSS es el siguiente:
<img class="sprt-img-resp" alt="Imagen" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA.....">
En este caso, data-thumbnail espera una URL, pero para poder mostrar una imagen de un CSS sprite, es necesario también usar una clase CSS asociada a unas propiedades.
¿De qué forma podría hacerlo?
Actualmente dispongo de un selector de opciones con el siguiente formato:
<option data-thumbnail="<?php bloginfo('template_url') ?>/images/my-image0.png">Image</option>
<option data-thumbnail="<?php bloginfo('template_url') ?>/images/my-image1.png">Image</option>
<option data-thumbnail="<?php bloginfo('template_url') ?>/images/my-image2.png">Image</option>
<option data-thumbnail="<?php bloginfo('template_url') ?>/images/my-image3.png">Image</option>
Me gustaría combinar todas las imágenes que se muestran en las opciones del selector en un Sprite CSS para mejorar la carga. El código que normalmente uso para insertar imágenes de Sprite CSS es el siguiente:
<img class="sprt-img-resp" alt="Imagen" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA.....">
En este caso, data-thumbnail espera una URL, pero para poder mostrar una imagen de un CSS sprite, es necesario también usar una clase CSS asociada a unas propiedades.
¿De qué forma podría hacerlo?
