LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
bar
Question No.
Question
Options
CSS

.container-fluid{
  margin:1%;
  border:solid;
}

img{
 /* visibility:hidden;*/
  max-height:100%;
  border-radius:3%;
}
 .col-xs-10{
  /*margin:1%;*/
   padding:1%;
  text-align:center;
  border:solid;
}

   /*
#quizImage{
  background-image: url("https://res.cloudinary.com/dvsnoxmcd/image/upload/v1482485004/weather_twenty_to_30_q213h2.jpg");
}*/


.parent {
  position: relative;
  top: 0;
  left: 0;
}
.image1 {
  position: relative;
  top: 0;
  left: 0;
  visibility:hidden;
}
.image2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
JS
$next=$('#next');
$prev=$('#prev');
$next.on('click',function(){
  //$('img').prop('src','https://res.cloudinary.com/dvsnoxmcd/image/upload/v1482485004/weather_twenty_to_30_q213h2.jpg');
  $('.image2').prop('src','http://res.cloudinary.com/dvsnoxmcd/image/upload/c_scale,w_126/v1469467232/sample.jpg');
})

$prev.on('click',function(){
  $('img').prop('src','https://g.foolcdn.com/editorial/images/160547/elon-musk-thinking_large.png');
})
Term
Wed, 12/27/2017 - 07:06

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv