Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript]Jquery, plugin karuzeli, jw
miras
post 9.07.2015, 19:03:22
Post #1





Grupa: Zarejestrowani
Postów: 1 004
Pomógł: 9
Dołączył: 18.01.2011
Skąd: Siedlce

Ostrzeżenie: (30%)
XX---

Witam, mam pewien problem, mam plugin karuzeli http://wklej.org/id/1754284/

i css:

[HTML] pobierz, plaintext 
  1. 			.list_carousel {
  2. 				float: left;
  3. 				margin-left: 20px;
  4. 				min-width: 880px;
  5.  
  6. 			}
  7. 			.list_carousel ul {
  8. 				margin: 0;
  9. 				padding: 0;
  10. 				list-style: none;
  11. 				display: block;
  12. 				margin-top: 10px;
  13. 			}
  14. 			.list_carousel li {
  15. 				display: block;
  16. 				float: left;
  17. 			}
  18.  
  19.  
  20. 			.prev {
  21. 				float: left;
  22. 				background-image: url("images/c_left_arr.png");
  23. 				width: 11px;
  24. 				height: 22px;
  25. 				margin-top: 20px;
  26. 				cursor: pointer;
  27. 			}
  28. 			.next {
  29. 				float: right;
  30. 				background-image: url("images/c_right_arr.png");
  31. 				width: 11px;
  32. 				height: 22px;
  33. 				margin-top: 20px;
  34. 				cursor: pointer;
  35. 			}
[HTML] pobierz, plaintext


problem polega na tym, że karuzela mi się "obraca" o tyle px ile jest zadeklarowana szerokość w .list_carousel, a ja chciałbym, żeby się obracała o 150px wez względu na to ile jest podane w css. Ma ktoś jakiś pomysł?

w <head> mam jeszcze to:

[HTML] pobierz, plaintext 
  1. 		<script type="text/javascript" language="javascript">
  2. 			$(function() {
  3.  
  4. 				//	Basic carousel, no options
  5. 				$('#foo0').carouFredSel();
  6.  
  7. 				//	Basic carousel + timer, using CSS-transitions
  8. 				$('#foo1').carouFredSel({
  9. 					auto: {
  10. 						pauseOnHover: 'resume',
  11. 						progress: '#timer1'
  12. 					}
  13. 				}, {
  14. 					transition: true
  15. 				});
  16.  
  17. 				//	Scrolled by user interaction
  18. 				$('#foo2').carouFredSel({
  19. 					auto: false,
  20. 					prev: '#prev2',
  21. 					next: '#next2',
  22. 					pagination: "#pager2",
  23. 					mousewheel: true,
  24. 					swipe: {
  25. 						onMouse: true,
  26. 						onTouch: true
  27. 					}
  28. 				});
  29.  
  30.  
  31. 			});
  32. 		</script>
[HTML] pobierz, plaintext


--------------------
ReputeUp.pl - sprzedaż opinii google!
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 14.06.2025 - 23:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn