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>