Zaloguj się

klimczok · 22-09-2010, 21:36

nie wiem jak ten efekt zrobić moze ktoś mi pomóc ?

http://translate.google.pl/translate?hl=pl&sl=en&u=http://www.dynamicdrive.com/dynamicindex4/imagebubbles.htm&ei=nQWaTOaGIpOV4gah5d2jAQ&sa=X&oi=translate&ct=result&resnum=1&ved=0CBcQ7gEwAA&prev=/search%3Fq%3Dhttp://www.dynamicdrive.com/dynamicindex4/imagebubbles.htm%26hl%3Dpl%26safe%3Doff

Engine · 22-09-2010, 22:13

No przecież masz nawet gotowy kod podany do wklejania i dwa pliki do pobrania. Dodatkowo oczywiście w kodzie musisz też pobrać jQuery.

klimczok · 22-09-2010, 22:33

tak zrobiłem to dodałem 2 pliki css i js ale nie wiem co z jQuery jak to dodac?

(22-09-2010, 22:13)Engine napisał(a): No przecież masz nawet gotowy kod podany do wklejania i dwa pliki do pobrania. Dodatkowo oczywiście w kodzie musisz też pobrać jQuery.

Engine · 22-09-2010, 22:40

Zrób tak

Kod:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>

.......... pliki .js

klimczok · (Ten post był ostatnio modyfikowany: 23-09-2010, 01:15 przez Dhofca.)

cos takiego mam

Kod:
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js></script> 

<link href=imgbubbles.css rel=stylesheet type=text/css /></span> <script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js> </ script> href link <= imgbubbles.css typu rel = stylesheet = text / css /></span>

<style type=text/css>

/*CSS for 2 demos on the page*/

#orbs li{

width: 65px; /*width of image container. Should be wider than contained images (before bubbling) */

height:60px; /*height of image container. Should be taller than contained images (before bubbling) */

}

#orbs li img{

width: 55px; /*width of each image before bubbling*/

height: 60px; /*height of each image*/

}

#squares li{

width: 45px; /*width of image container. Must be wider than contained images (before bubbling) */

height:40px; /*height of image container. Must be taller than contained images (before bubbling) */

}

#squares li img{

width: 31px; /*width of each image before bubbling*/

height: 31px; /*height of each image*/

}

</style><script type=text/javascript src=imgbubbles.js>

/***********************************************

* Image Bubbles effect- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more

***********************************************/

</script><script type=text/javascript>

jQuery(document).ready(function($){

    $('ul#orbs').imgbubbles({factor:1.75}) //add bubbles effect to UL id="orbs"

    $('ul#squares').imgbubbles({factor:2.5}) //add bubbles effect to UL id="squares"

})

</script>

</head>

<body topmargin="0" leftmargin="0" onLoad="preloadImages();" background="tlo_glowne2.jpg">

<ul id=" orbs "class="bubblewrap"> 

<li> <a href="http://dynamicdrive.com"> 

<img src="orbs/stumbleupon.png" alt="Dodaj do Stumbleupon" width="192" height="211" /> </ a> </ li> 

<li> <a href="http://dynamicdrive.com"> 

<img src="orbs/facebook.png" alt="Dodaj do Facebook" width="192" height="211" /> </ a> </ li> 

<li> <a href="http://dynamicdrive.com"> 

<img src="orbs/digg.png" alt="Dodaj do Digg" width="192" height="211" /> </ a> </ li> 

<li> <a href="http://dynamicdrive.com"> 

<img src="orbs/twitter.png" alt="Dodaj do Twitter" width="192" height="211" /> </ a> </ li> 

<li> <a href="http://dynamicdrive.com"> <img src="orbs/rss-basic.png" alt="Dodaj RSS Feed" /> </ a> </ li> 

</ Ul>

</body>

(22-09-2010, 22:40)Engine napisał(a): Zrób tak

Kod:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script> .......... pliki .js

Engine · 22-09-2010, 22:58

Edytuj swojego posta i użyj znacznika code - to raz.

Pierwszą cześć kodu jak wskazują na stronie która podałeś trzeba wkleić w sekcji <HEAD>

Cytat:Simply add the below code inside the <HEAD> section of the page:

Więc zanim kolejny raz odpiszesz że nie działa to zrób to zgodnie z instrukcją którą tam masz. Najwyżej że liczysz że ktoś to za ciebie zrobi.

klimczok · 23-09-2010, 01:18

Kurcze zorbiłem jak tam jest i nie dziala nadal ??

(22-09-2010, 22:58)Engine napisał(a): Edytuj swojego posta i użyj znacznika code - to raz.

Pierwszą cześć kodu jak wskazują na stronie która podałeś trzeba wkleić w sekcji <HEAD>

Cytat:Simply add the below code inside the <HEAD> section of the page:

Więc zanim kolejny raz odpiszesz że nie działa to zrób to zgodnie z instrukcją którą tam masz. Najwyżej że liczysz że ktoś to za ciebie zrobi.

Engine · 23-09-2010, 01:40

Wrzuć pliki na jakiś host i daj link. Będzie najłatwiej sprawdzić co jest nie tak.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie