Usiłuję zrobić galerię, a każdy z wyświetlanych obrazków będzie jednocześnie linkiem do konkretnej podstrony.
link wygląda w sposób następujący:
Kod
$proba = "<form action='opis.php?nieruchomosc=".$id1."' target ='_blank' method='post'><input type='image' src='".$fotka1."' '></form>";
html:
W JavaScript mam napisanego rotatora, który wyświetla obrazki w sliderze. Opakowałem to wszystko w klasę galeria.
Kod
<div class='galeria'>
<div id='slider'></div>
</div>
<div id='slider'></div>
</div>
W css kombinujęróżnie. Jednak jak do tej pory nie znalazłem rozwiązania.
Chodzi mi o to by obrazek zajmował 100% szerokości przeglądarki i miał wysokość 200 px (obrazek ma zostać obcięty by nie utracił proporcji.)
CSS:
Kod
#galeria img{
width: 100%;
height: auto;
}
#galeria{
width: 100%;
max-height: 200px;
min-height: 200px;
overflow: hidden;
}
width: 100%;
height: auto;
}
#galeria{
width: 100%;
max-height: 200px;
min-height: 200px;
overflow: hidden;
}
Jakaś podpowiedź?
