jquery Owl Carousel: comment faire de la diapositive en cours axé
Je suis à l'aide de la Chouette carrousel d'Images. http://owlgraphic.com/owlcarousel/demos/images.html
il fonctionne très bien. je veux faire de la diapositive actuelle Peu Plus grand en taille que les autres diapositives.
en d'autres termes je veux faire de la diapositive en cours de largeur plus grande.
pour faire de la diapositive actuelle Plus j'ai ajouté le code suivant:
$(document).ready(function () {
$("#owl-demo").owlCarousel({
autoPlay: 3000,
responsive: true,
addClassActive: true,
items: 4,
itemsDesktop: [1199, 3],
itemsDesktopSmall: [979, 3],
});
});
ici, j'ai ajouté Active de la classe d'Actif des diapositives. j'ai essayé de zoom de la Diapositive Actuelle.
pour ce que j'ai ajouté, à la suite de la feuille de style de code.
.active: nth - child(2) {
transform: scale(1.2);
}
Mais quand carrousel faites Défiler jusqu'deuxième Point N'est pas mis en Surbrillance. besoin d'aide pour faire un Zoom de la diapositive en cours en Owl Carousel.
est-il un autre Réactif Carrousel Zoom sur l'Actuelle du Curseur?
comment puis-je changer la hieght de l'image. comme défiler le carrousel de la diapositive Actuelle de l'élément va changer. si la diapositive actuelle de l'élément doit être de zoom Avec Transform:scale(2.2)
avez-vous comprendre cela? Je vais avoir le même défi.
veuillez voir ma réponse
OriginalL'auteur Jack Torris | 2014-06-30
Vous devez vous connecter pour publier un commentaire.
http://jsfiddle.net/gjgmqznq/3/
OriginalL'auteur dm4web