Ich muss Bildalben anzeigen. Bis @media
Element Ich kann 3 Bilder pro Folie anzeigen, unter @media width :700px
Ich muss 1 Bild pro Folie anzeigen.Aufruf einer anderen Funktion, wenn die Fenstergröße geändert wird
Für die Anzeige 3 Bild pro Folie, geschrieben ich eine Funktion showfilteredImages();
$scope.imagemaindiv
werden alle Bilder haben von Back-End-
$scope.imagemaindiv = [{
'img': "image1.png",
"id": 1
}, {
'img': "image2.png",
"id": 2
}, {
'img': "image3.png",
"id": 3
}, {
'img': "image4.png",
"id": 4
}, {
'img': "image5.png",
"id": 5
}, {
'img': "image6.png",
"id": 6
}]
$scope._firstImgIndex = 0;
$scope._lastImgIndex = 2;
$scope.showFilteredImages = function() {
$scope.filteredImages = [];
for (var i = $scope._firstImgIndex; i <= $scope._lastImgIndex; i++) {
$scope.filteredImages.push($scope.imagemaindiv[i]);
}
};
Sie Bootstrap verwenden können, diese Sache tun und tun Sie es bu JS tun müssen –