Generer une div background-image a la place d'une image - utiliser background-size: cover;
Bonjour,
je ne suis pas certain que ce soit le bon language qu'il faille utiliser pour générer une div background-image afin de remplacer une balise img src et de pouvoir utiliser un style background-size:cover et background-position.
Si cela ne peut ce faire qu'avec du javascript/jquery, merci de déplacer ce post.
Je prends l'exemple général de wordpress :
Lorsque l'on veut ajouter une image on utilise "ajouter un media" ce qui va automatiquement ajouter une balise img src.
Le seul problème c'est que pour un novice, il ne pourra pas modifier une image de ce type pour respecter une certaine hauteur tout en gardant sa proportion.
Il y a en effet le system parallax, mais ce ne me convient pas
Je souhaiterais donc pouvoir remplacer
Code:
<img src="mon-image.png">
et générer pour certaine image de mon site une balise
Code:
<div style="background:url('mon-image.png'); background-size:cover; background-position:50% 50%;"></div>
POuvez-vous d'abord me dire si c'est possible et ensuite me diriger éventuellement vers un post qui donne une solution ou alors m
générer le style css pour un(e) page/post type/post spécifique en php jquery
merci pour le temps passé à trouver cette solution et pour ton eclair de génie
je vais la tester, mais elle me semble très bien.( si elle a été testée)
je crois qu'en ajoutant ce bout de code je pourrais l'appliquer à la zone désirée :
toutes corrections éventuelles sur le code ci-dessous sont là bienvenue
legende : fullimg = fullsize; fullimg img = fullimg
Code:
1
2
3
4
5
6
7
8
|
<?php if(is_page('ma-page')){ ou is_custom_post_type('macustomposttype') ou is_single( 'letitredelarticle' )
<script>
$('#madiv ou .maclass img').css("width":"", "height" :"");
$('#madiv a').addClass('fullsize');
$('#madiv img').addClass('fullimg');
</script>
} ?> |
