Images réactives

[nixax]

Re : Images réactives

J'ai (presque) réussi!

J'ai modifié le fichier default.php comme ceci:

// Show Category
?>
<div class="category floatleft <?php echo $category_cellwidth . $show_vertical_separator ?>">
<div class="spacer">
<h2>
<a href="<?php echo $caturl ?>" title="<?php echo $category->category_name ?>">
<?php echo $category->category_name ?>
<br/>
<?php // if ($category->ids) {
echo $category->images[0]->displayMediaThumb ('class="zoom"', FALSE);
//} ?>

Et le fichier css comme ceci (en enlevant ce qui précédait "zoom"):

.zoom:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1,1.1);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
position: relative;
z-index: 50;
margin: 0 20px 27px 0px;
}


.zoom {
-webkit-transition: all 80ms ease-in-out;
-moz-transition: all 80ms ease-in-out;
-o-transition: all 80ms ease-in-out;
transition: all 80ms ease-in-out;

}

PAR CONTRE, je n'ai pas l'effet sur les catégories affichées en page d’accueil ...

Il y a une autre page à modifier?

[nixax]

Re : Images réactives

Ok ça y est!!!!!!!! houra!

J'ai fait pareil dans le fichier default_categories.php dans components/com_virtuemart/views/virtuemart/tmpl


Grand merci!!!!