webminden.php

Quell Code

<title>Basti1012 ,Scripte,Userscripte und vieles mehr</title>
<script src="/js/index.php?js=3.2.1-jquery.min.js"></script>
<style>
 
h3{
text-align:center;
 
}
table img{
  width:100%;
  height:250px;
 
}
tr  td{
  font-size:25px;
  width:50%;
  background:green;
  border:1px solid red;
}
tr{
  width:100%;
}
tr .gr{
 
  width:100%;
}
tr .gr1{
  background:red;
  width:100%;
  display:block;
}
#zwei1 {
  text-align:center;
width:100%;
  }
tr .gr2 img{
  background:red;
  width:90%;
  margin-left:5%;
  height:auto;
  display:block;
}
.largeimg {
  display:none;
}
 
  
 
 .visible1 { 
                display: block;
                width:100%;
                height:auto;
            }
 .visible {
                display:none;
                width:1px;
                height:1px;
            }
            
 </style>
</head>
<div id="alles">
 <h3>Web-Cams im Kreis Minden-lübecke</h3>
<table>
<tr><td>Kanzlersweide </td><td>   Minden Markt</td></tr>
<tr><td> <img  src="https://images.webcamgalore.com/webcamimages/webcam-026777.jpg">
 
</td><td>
<img src="https://images-webcams.windy.com/22/1448989422/current/original/1448989422.jpg"></td></tr>
 
 <tr><td>Minden Hagemeyer</td><td>Schachtschleuse</td></tr>
 
 
  <tr><td><img src="https://images.webcamgalore.com/webcamimages/webcam-002843.jpg" width="640"></td><td><img src="https://pss.wsv.de/wsami/Kreuz/snap_c1.jpg" width="640"></td></tr>
 
<tr ><td class="gr" colspan="2">Schachtschleusse</td></tr> 
 <tr><td> <img src="https://pss.wsv.de/wsami/Baustelle/snap_c1.jpg" width="640"></td> <td>d</td></tr> 
  </table>
  
  
  
  <table id="zwei1">
 
<tr><td class="gr1" colspan="2">Große Ansicht</td></tr>
  
 
 <tr><td class="gr2"><img id="largeimg" colspan="4"></td></tr>
 </table>
 
  <script>
    
$('#largeimg').click(function(){
     h= $('#largeimg').hasClass("visible");
     
      if(h==true){
$('#largeimg').removeClass("visible");
 }else{
 $('#largeimg').removeClass("visible1");
 
 }
});
 
 
  
       $('tr td img').click(function () {
 
      h= $('#largeimg').hasClass("visible");
     
      if(h==true){
 try{
 $('#largeimg').removeClass("visible");
 }catch(e){}
  $('#largeimg').addClass("visible1");
 
    } else if(h==false) {
    try{
     $('#largeimg').removeClass("visible1");
     }catch(e){}
       $('#largeimg').addClass("visible");
    
    $('#largeimg').attr('src',this.src);
   $('#largeimg').removeClass("visible");
                }
         U=$('#largeimg').hasClass('visible1')
       
    y=$('#largeimg').attr('src');
   
   });  
    
  </script>
</div>