Community Tip - Visit the PTCooler (the community lounge) to get to know your fellow community members and check out some of Dale's Friday Humor posts! X
Hello everyone,
I have a few images.
I want to put alle the images on the same place and that only one of the image is on same time visible.
For example:
The first image is visible. I click on the image, then the second image is visible and the first one unvisible. The i click on the second image, the third image is visible and the second image unvisible.
Is that possible?
Is there any code to do that so ?
Solved! Go to Solution.
You can apply a javascript function on click of each image...something like the below code:-
$scope.clickImage1 = function(){
$scope.view.wdg['image-1']['visible'] = false;
$scope.view.wdg['image-2']['visible'] = true;
$scope.view.wdg['image-3']['visible'] = false;
}
$scope.clickImage2 = function(){
$scope.view.wdg['image-1']['visible'] = false;
$scope.view.wdg['image-2']['visible'] = false;
$scope.view.wdg['image-3']['visible'] = true;
}
and so on...
Hope this helps !!
You can apply a javascript function on click of each image...something like the below code:-
$scope.clickImage1 = function(){
$scope.view.wdg['image-1']['visible'] = false;
$scope.view.wdg['image-2']['visible'] = true;
$scope.view.wdg['image-3']['visible'] = false;
}
$scope.clickImage2 = function(){
$scope.view.wdg['image-1']['visible'] = false;
$scope.view.wdg['image-2']['visible'] = false;
$scope.view.wdg['image-3']['visible'] = true;
}
and so on...
Hope this helps !!