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:

https://stackoverflow.com/questions/41350728/how-can-you-use-css-variables-with-javascript-to-change-images

Este metodo no acepta el editor tinymce

https://jsfiddle.net/tqoLe7r3/

 

 

Articulo : 1064 - Veces Leidas
Compartir Articulo: