Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> 3 slideshow koło siebie
mlokiju
post 22.11.2013, 17:04:25
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 22.11.2013

Ostrzeżenie: (0%)
-----


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>';
}
Go to the top of the page
+Quote Post
Turson
post 22.11.2013, 17:18:33
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


  1. .slideshow{
  2. float:left
  3. }
Go to the top of the page
+Quote Post
mlokiju
post 23.11.2013, 11:15:15
Post #3





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 22.11.2013

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
Turson
post 23.11.2013, 12:11:25
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Chcesz, żeby menu było od razu pod logo a nie pod slideshowem?
Go to the top of the page
+Quote Post
mlokiju
post 29.11.2013, 14:56:50
Post #5





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 22.11.2013

Ostrzeżenie: (0%)
-----


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ę
Go to the top of the page
+Quote Post
Turson
post 29.11.2013, 17:04:27
Post #6





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Klasa slideshow nie ma tła przecież
Go to the top of the page
+Quote Post
mlokiju
post 12.12.2013, 11:51:37
Post #7





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 22.11.2013

Ostrzeżenie: (0%)
-----


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 )
Go to the top of the page
+Quote Post
Turson
post 12.12.2013, 12:02:09
Post #8





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


po tych .trzech slideshow
daj
<div style="clear:both"></div>
Go to the top of the page
+Quote Post
mlokiju
post 13.12.2013, 10:48:43
Post #9





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 22.11.2013

Ostrzeżenie: (0%)
-----


dzięki wielkie pomogło biggrin.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.05.2024 - 02:36