Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [inne] Prościutki slider
Woytek950
post
Post #1





Grupa: Zarejestrowani
Postów: 130
Pomógł: 2
Dołączył: 6.06.2008
Skąd: jesteś ?

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

Witam. Czy może mnie ktoś nakierować w jaki sposób mogę wykonać taki slider obrazkowy, wraz z ładnymi przejściami? bo chciał bym wstawić taki na swoje portfolio. Klikało by się na kropeczki i by się zmieniały slajdy.
(IMG:http://iv.pl/images/41192291727487507000.gif)

Ten post edytował Woytek950 4.01.2012, 18:10:47
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
celbarowicz
post
Post #2





Grupa: Zarejestrowani
Postów: 253
Pomógł: 31
Dołączył: 30.03.2009
Skąd: Szczecin

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

Prosty skrypt, resztę dopracuj.
[HTML] pobierz, plaintext 
  1. <html>
  2.    <head>
  3.       <title>Przykład 1-2</title>
  4.         <script type="text/javascript" src="jquery-1.4.2.js"></script>
  5.        <script type="text/javascript">
  6. 	   var n=1;var i;var k=4;var i1; var l=0;
  7.  
  8.         function zmien(){ 		      
  9. 		                         n=n+1;
  10. 		                             if(n>k){n=1;}            // k  ilość fotek , numeruj   bolko2.jpg  itd...
  11. 		                              i="bolko"+n+".jpg";
  12. 									  n1=eval(n+1);
  13.                                       i1="bolko"+n1+".jpg";
  14.  
  15. 									var z={'position':'absolute','width':'200','height':'150','top':l,'left':l};
  16.  
  17. 									  $('#f2').css(z);
  18. 									$("#f2").attr({ 
  19.                                                 src:i1,
  20.                                                 title: "",
  21.                                                 alt: ""
  22.                                                });		   								  
  23.                             }                                          
  24.        </script>
  25.     </head>
  26.  <body>
  27.  <div id="ed" >Klikaj w fotkę</div>
  28.  <div id="fotka2"  style="position:absolute;top:100px;left:100px;"><img id="f2" alt="" src="bolko1.jpg" style="width:200px;height:150px;"onClick="zmien()"></div>
  29.   </body>
  30.  </htm
  31.  
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- Woytek950   [inne] Prościutki slider   4.01.2012, 18:09:54
- - prowseed   google >> jquery slider !! nie szuka...   4.01.2012, 18:33:07
- - pedro84   1. Zdjęcia wrzucasz do tablicy. W sensie ścieżki -...   4.01.2012, 18:55:45
- - Woytek950   No tak ale będzie nie porządany efekt wczytywania ...   4.01.2012, 19:10:29
|- - pedro84   Cytat(Woytek950 @ 4.01.2012, 19:10:29...   4.01.2012, 19:13:46
- - Woytek950   Ok. Ale chciał bym dokładnie wiedzieć jak ten proc...   10.01.2012, 19:57:09
- - sazian   http://jquery.malsup.com/cycle/   10.01.2012, 20:03:56
- - Woytek950   Wolał bym się trochę pouczyć i dlatego u mnie jque...   10.01.2012, 20:24:28
- - celbarowicz   Prosty skrypt, resztę dopracuj. [HTML] pobierz, pl...   10.01.2012, 21:37:18

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 7.10.2025 - 06:45
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn