Variables en CSS para img src en php
Fecha Publicación:
02 de Abril de 2020
Fecha Modificación:
02 de Abril de 2020
Variables en CSS para img src obtenemos un registro de nuestra base de datos , luego lo vinculamos a una variabe css y creamos una clase para poder agregarlo en el editor tinymce.
1) Creamos un archivo en php : _configuracion_parametros_web.php:
<?php
$logoweb_compuesto= "url(".$_SESSION['logoweb'].")";
?>
Nota= La $_SESSION['logoweb'] nos devolvera milogoweb.jpg entonces la variable
$logoweb_compuesto= url+milogoweb.jpg
En el mismo archivo definimos la variable css:
<style>
:root {
--logoweb_compuesto :<?=$logoweb_compuesto?>;
}
img.logoweb_compuesto {
content: var(--logoweb_compuesto); width: 300px; height: auto;
}
</style>
Nota : La variable --logoweb_compuesto tomara el valor url("milogoweb.jpg");
Nota: Creamos la clase img.logoweb_compuesto que lo usaremos en nuestro html
2) Como usarlo: en un archivo html o en el editor tinymce:
<p><img class="logoweb_compuesto" width="340" height="70" /></p>
Fuente:
Este metodo no acepta el editor tinymce
https://jsfiddle.net/tqoLe7r3/
Articulo : 1064 - Veces Leidas