Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jcarousel pomocy
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Marcin123
29.12.2010, 00:33:27
Witam jestem zielony w html tak jak by zaczynam przygodę... sciana.gif
Chodzi mi dokładniej o skrypt jcarusel chciał bym aby ktoś mi pomógł go wstawić albo powiedzieć jak..
Robiłem już według instrukcji która jest zawarta w pobranym pliku rar ale nic albo nie działa albo jakiś błąd wyskakuje nie ogarniam tego a bardzo mi na tym zależy
Chciał bym zrobić takie coś jak na tej stronie np:http://cweb.pl jest poniżej przemieszczają sie na nim loga
W razie czego proszę o odp. tutaj lub na gg-25891895
Domyślam się że ten temat już był gdzieś ale nic...
I prosił bym o nie pisanie typu "jesteś zielony nie bierz nawet sie za to" itp.
slawekxx
30.12.2010, 20:32:00
Napisz dokładniej w czym masz problem
Marcin123
30.12.2010, 21:38:17
Chodzi mi o to że w jednym miejscu w stronie chciał bym umieścić jcarousel i nie wiem jak robie tak jak w tej instrukcji ale nic albo nie ładują sie obrazki albo nie działa ;/
Poniżej wstawiłem kod oraz tam gdzie jest pogrubionę tam chciał bym wstawić ten kod poprosił bym o to kolegę bo to jest aktualnie jego strona ale nie ma go wyjechał za granice i poprosił mnie abym zajął sie stroną ... PROSZĘ O POMOC 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//PL" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. 	<title>Partners-Design Interaktywna Agencja Reklamy,Brandingu,Marketingum,Web-Designu</title>
  6. 	<link href="./css/reset.css" rel="stylesheet" type="text/css" />
  7. 	<link href="./css/960.css" rel="stylesheet" type="text/css" />
  8. 	<link href="./css/text.css" rel="stylesheet" type="text/css" />
  9. 	<link href="./css/style.css" rel="stylesheet" type="text/css" />
  10.  
  11.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
  12.     <script type='text/javascript' src='./js/custom.js'></script>
  13.  
  14.     <script src="./js/cufon-yui.js" type="text/javascript"></script>
  15. 	<script src="./js/bellcent_add_bt_400.font.js" type="text/javascript"></script>
  16. 	<script src="./js/avantgarde_bk_bt_400.font.js" type="text/javascript"></script>  
  17. 	<script src="./js/abadi_mt_condensed_light_300.font.js" type="text/javascript"></script> 
  18. 	<script type="text/javascript">
  19.     	Cufon.replace('label',  { fontFamily: 'BellCent Add BT' });   
  20.     	Cufon.replace('#slide-description',  { fontFamily: 'BellCent Add BT' });    
  21.     	Cufon.replace('#nav a',  { fontFamily: 'BellCent Add BT' });   
  22.      	Cufon.replace('h5',  { fontFamily: 'BellCent Add BT' });   
  23.     	Cufon.replace('h2', { fontFamily: 'AvantGarde Bk BT' });
  24.     	Cufon.replace('#fcontent', { fontFamily: 'AvantGarde Bk BT' });
  25.     	//Cufon.replace('h3', { fontFamily: 'AvantGarde Bk BT' });
  26.     	Cufon.replace('h4', { fontFamily: 'AvantGarde Bk BT' });
  27.     	Cufon.replace('#content .post-details-bold', { fontFamily: 'Abadi MT Condensed Light' });		
  28.      </script>
  29.  
  30.  
  31.             <div id="main1" class="grid_4 png">			
  32.                 <h4>Informacja Dla Klientów</h4>                
  33.                 <p class="sub_h4">
  34.                     Podatek VAT
  35.                 </p> 			
  36.                 <p class="content_h4">
  37.                     Uprzejmie informujemy,iż z dniem 1 stycznia 2011 roku wszystkie pakiety
  38.                     internetowe,strony www drożeją o 1 zł brutto w związku ze wzrostem 
  39.                     kosztów utrzymania infrastruktur sieciowej spowodowanym podwyższenia stawki VAT 
  40.                 </p>  		
  41. 				<ul class="main-read-more png">
  42.                     <li><a href="http://pl.wikipedia.org/wiki/Podatek_od_towar%C3%B3w_i_us%C5%82ug">Zobacz</a></li>
  43.                 </ul>  	
  44.  
  45.             </div>   			
  46.             <div id="main2" class="grid_4 png">			
  47.                 <h4>Nasze projekty nagrodzone...</h4>                
  48.                 <p class="sub_h4">
  49.                     FWA-Favorist Website Awards
  50.                 </p> 			
  51.                 <p class="content_h4">
  52.                     Nasze projekty docenione przez ekipę z "FWA" za:
  53.                 </p>                
  54.                 <ul class="content_h4">
  55.                     <li>Technologie</li>
  56.                     <li>Design</li>
  57.                     <li>Marketing</li>
  58.                     <li>Styl</li>
  59.                 </ul>  
  60.                 <ul class="main-read-more png">
  61.                     <li><a href="http://thefwa.com/">Zobacz</a></li>
  62.                 </ul>  
  63.              </div>   			
  64.             <div id="main3" class="grid_4 png">			
  65.                 <h4>1 Urodziny PD Design</h4>                
  66.                 <p class="sub_h4">
  67.                     Działamy na rynku już rok
  68.                 </p> 			
  69.                 <div class="content_h4">
  70.                     <p class="address">
  71.                         Na tą okazję przygotowaliśmy specjalną ofertę zobacz w dziale promocje lub zapytaj
  72.                     </p>
  73.                     <p class="contact">
  74.                         Gadu-Gadu: 25891895<br />
  75.                         Fax Us: + 141 247 201 111
  76.                     </p>
  77.                     <p class="email">
  78.                     	E-Mail: <a href="#">promocje@partners-design.pl</a>
  79.                     </p>
  80.                 </div>  
  81. TUTAJ CHCIAŁ BYM WSTAWIĆ JCAROUSEL PO TYMI INFORMACJAMI		
  82.             </div>   
  83.     	</div>			
  84.     </div> <!--end main-->
[HTML] pobierz, plaintext
slawekxx
31.12.2010, 16:12:34
Więc możesz zrobić tak

skrypty umieszczasz tam jest reszta

<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
<script type="text/javascript">

jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
start: 3
});
});

</script>
<link href="../style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />


<div>
<ul id="mycarousel" class="jcarousel-skin-tango">

<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>

<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
</ul>
</div>

przykład z linku http://sorgalla.com/projects/jcarousel/exa...atic_start.html ,
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.