Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: 3 slideshow koło siebie
Forum PHP.pl > Forum > PHP
mlokiju
Witam

Jak zrobić 3 slideshow koło siebie? U mnie są jeden pod drugim.
Na mojej stronie wygląda to tak:

<?php
slideshow1();
slideshow2();
slideshow3();
?>


function slideshow1(){
echo '<div class="slideshow">
<a href="oferta.php"><img src="images/kasy2b.jpg" alt="" onmouseover=src="images/kasy1b.jpg" onmouseout=src="images/kasy2b.jpg" align="left" border="0px" /> </a>
<a href="http://sklep.dobex-dobczyce.pl"><img src="images/esklep2b.jpg" alt="" onmouseover=src="images/esklep1b.jpg" onmouseout=src="images/esklep2b.jpg" align="left" border="0px" /> </a>
<a href="klimatyzacje.php"><img src="images/klima2b.jpg" alt="" onmouseover=src="images/klima1b.jpg" onmouseout=src="images/klima2b.jpg" align="left" border="0px" /> </a>
</div>';
}

function slideshow2(){
echo '<div class="slideshow">
<a href="http://sklep.dobex-dobczyce.pl"><img src="images/esklep2b.jpg" alt="" onmouseover=src="images/esklep1b.jpg" onmouseout=src="images/esklep2b.jpg" align="left" border="0px" /> </a>
<a href="klimatyzacje.php"><img src="images/klima2b.jpg" alt="" onmouseover=src="images/klima1b.jpg" onmouseout=src="images/klima2b.jpg" align="left" border="0px" /> </a>
<a href="oferta.php"><img src="images/kasy2b.jpg" alt="" onmouseover=src="images/kasy1b.jpg" onmouseout=src="images/kasy2b.jpg" align="left" border="0px" /> </a>
</div>';
}

function slideshow3(){
echo '<div class="slideshow">
<a href="klimatyzacje.php"><img src="images/klima2b.jpg" alt="" onmouseover=src="images/klima1b.jpg" onmouseout=src="images/klima2b.jpg" align="left" border="0px" /> </a>
<a href="oferta.php"><img src="images/kasy2b.jpg" alt="" onmouseover=src="images/kasy1b.jpg" onmouseout=src="images/kasy2b.jpg" align="left" border="0px" /> </a>
<a href="http://sklep.dobex-dobczyce.pl"><img src="images/esklep2b.jpg" alt="" onmouseover=src="images/esklep1b.jpg" onmouseout=src="images/esklep2b.jpg" align="left" border="0px" /> </a>
</div>';
}
Turson
  1. .slideshow{
  2. float:left
  3. }
mlokiju
Dzięki Turson.
Mam jeszcze jeden problem a mianowicie na stronie startowej mam jeszcze 1 slideshow i jak dodam w css

  1. .slideshow{
  2. float:left
  3. }


to niebieski pasek tła menu chowa sie pod głównym slideshowem tak wygląda strona bez "float:left"
http://www.dobex-dobczyce.pl
Czy jest na to jakiś sposób nie wymagający dodawania nowego skryptu slideshow
Turson
Chcesz, żeby menu było od razu pod logo a nie pod slideshowem?
mlokiju
Właśnie chcę żeby było tak jak jest w załączonym linku
http://www.dobex-dobczyce.pl
a z parametrem "float:left" gubi to niebieskie tło a tego niechcę
Turson
Klasa slideshow nie ma tła przecież
mlokiju
Pokaże jak wygląca przed dodaniem parametru "float:left" i jak po dodaniu

w pierwszym przykładzie jest zaznaczony efekt docelowy, który po dodaniu
  1. .slideshow{
  2. float:left
  3. }

wyglda tak jak na przykładzie 2

przykład 1



przykład 2 niechciany efekt

Czy jest możliwa korekta tego efektu tak aby wyglądał jak na przykładzie 1 bez znacznj ingerencji w kod?
(nie ja pisałem kod strony, odziedziczyłem go po poprzednim pracowniku smile.gif )
Turson
po tych .trzech slideshow
daj
<div style="clear:both"></div>
mlokiju
dzięki wielkie pomogło biggrin.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.