|
 |
| |
อยากทราบวิธีการใช้ js หลายตัว พร้อมกัน Masonry และ fancybox จะทำยังไง ได้ยิน noConflict(); มา |
| |
 |
|
|
 |
 |
|
ขอทดสอบหน่อยน่ะครับ
|
ประวัติการแก้ไข
2014-04-10 15:26:28
 |
 |
 |
 |
| Date :
2014-04-10 13:16:57 |
By :
sakuraei |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
Masonry โชว์ภาพ
fancybox login ครับ
อยากใช้ 2 ตัวนี้ครับ ><
|
| |
|
|
| |
| Date :
2014-04-10 13:50:03 |
By :
icman |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มันมีปัญหาอะไรเหรอครับ ลองใช้แล้วใช้ไม่ได้เหรอ มี error อะไร
|
| |
|
|
| |
| Date :
2014-04-10 14:00:14 |
By :
งง |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ก็วางต่อไปเลยก็ได้ครับ ให้ jquery มาก่อน แล้ว Mansory ตามมา
|
| |
|
|
| |
| Date :
2014-04-10 14:19:43 |
By :
itpcc |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมลองแล้ว รูปไม่ขึ้นครับ >3<
|
| |
|
|
| |
| Date :
2014-04-10 14:23:16 |
By :
icman |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองยังไงก็ไม่รู้นะครับ แต่มั่นใจว่าไม่เกี่ยวกับ jquery แน่นอน ลองอ่านในเวบดูสิครับ ในนั้นเค้าก็บอกว่าไม่ต้องการ jquery แสดงว่าคงมันไม่ทับกันแน่นอน
ผมว่าคุณเขียนผิดเองมากกว่า
เอาโค้ดมาให้ดูมากกว่านี้จะดีกว่าแค่บอกว่า ผมลองแล้ว รูปไม่ขึ้นครับ
|
| |
|
|
| |
| Date :
2014-04-10 14:54:37 |
By :
ไม่รู้จะตอบยังไง |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
code นี้รูปไม่ขึ้น ถ้าเอา <script type="text/javascript" src="js_script/jquery-1.4.2.min.js"></script> ออกมันจะโชว์ รูป แต่ fancybox ต้องใช้
Code (PHP)
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript" src="js_script/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="js_script/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="js_script/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a[id^="show_detail"]').fancybox({
'width' : '10',
'height' : '5',
'autoScale' : false,
'transitionIn' : '100',
'transitionOut' : '100',
'type' : 'iframe',
onClosed : function() {
}
});
$('a[id^="login_recipe"]').fancybox({
'width' : '41%',
'height' : '30%',
'autoScale' : false,
'transitionIn' : '100',
'transitionOut' : '100',
'type' : 'iframe',
onClosed : function() {
parent.location.reload(true);
}
});
$('a[id^="add_recipe"]').fancybox({
'width' : '85%',
'height' : '90%',
'autoScale' : false,
'transitionIn' : '100',
'transitionOut' : '100',
'type' : 'iframe'
});
$('a[id^="text_sms_edit_del"]').fancybox({
'width' : '70%',
'height' : '60%'
});
/*
onStart : function() {
return window.confirm('Continue?');
},
onCancel : function() {
alert('Canceled!');
},
onComplete : function() {
alert('Completed!');
},
onCleanup : function() {
return window.confirm('Close?');
},
onClosed : function() {
alert('Closed!');
}
*/
});
</script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>qweqwe</title>
<meta name="description" content="Loading Effects for Grid Items with CSS Animations" />
<meta name="keywords" content="css animation, loading effect, google plus, grid items, masonry" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/GridLoadingEffects/css/default.css" />
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/GridLoadingEffects/css/component.css" />
<script src="http://tympanus.net/Development/GridLoadingEffects/js/modernizr.custom.js"></script>
</head>
<body>
<div class="container">
<!-- Top Navigation -->
<div class="codrops-top clearfix">
<a class="codrops-icon codrops-icon-prev" href="http://tympanus.net/Tutorials/ExpandingSearchBar/"><span>Previous Demo</span></a>
<span class="right"><a href="http://dribbble.com/erikamackley">Illustrations by by Erika Mackley</a><a class="codrops-icon codrops-icon-drop" href="http://tympanus.net/codrops/?p=15677"><span>Back to the Codrops Article</span></a></span>
</div>
<header>
<h1>Loading Effects for Grid Items <span>with CSS Animations</span></h1>
<nav class="codrops-demos">
<a href="index.html">Demo 1</a>
<a class="current-demo" href="index2.html">Demo 2</a>
<a href="index3.html">Demo 3</a>
<a href="index4.html">Demo 4</a>
<a href="index5.html">Demo 5</a>
<a href="index6.html">Demo 6</a>
<a href="index7.html">Demo 7</a>
<a href="index8.html">Demo 8</a>
</nav>
</header>
<ul class="grid effect-2" id="grid">
{section name=mainmenu loop=$box_mainmenu}
<li>
<div class="picture_food"><a href="controlpanel.php?sys=show&id={$box_mainmenu[mainmenu].id}" "class="various iframe" id="show_detail"><img src="{$box_mainmenu[mainmenu].recipe_pic}" width="236" border="0"></a></div>
<div class="meta_"> <a href="controlpanel.php?sys=show&id={$box_mainmenu[mainmenu].id}"class="various iframe" id="show_detail">{$box_mainmenu[mainmenu].recipe_name}</a> <br>
{$box_mainmenu[mainmenu].recipe_detail}</div>
</li>
{/section}
</ul>
</div>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/masonry.pkgd.min.js"></script>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/imagesloaded.js"></script>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/classie.js"></script>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/AnimOnScroll.js"></script>
<script>
new AnimOnScroll( document.getElementById( 'grid' ), {
minDuration : 0.4,
maxDuration : 0.7,
viewportFactor : 0.2
} );
</script>
</body>
</html>
ปล. ผมใช้ code ตาม http://tympanus.net/Development/GridLoadingEffects/index2.html นะครับ เนื่องจาก install ผมทำไม่เป็นจริงๆ >.< เลย copy code มาครับ แหะๆๆ
|
| |
|
|
| |
| Date :
2014-04-10 15:02:10 |
By :
icman |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองเอา script ที่เกี่ยวกับ jquery ไปอยู่หลัง
<script src="http://tympanus.net/Development/GridLoadingEffects/js/modernizr.custom.js"></script>
ครับ หรือไม่ก็ลองเอาไปอยู่ก่อนจบ </body> เลย
Code (PHP)
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>qweqwe</title>
<meta name="description" content="Loading Effects for Grid Items with CSS Animations" />
<meta name="keywords" content="css animation, loading effect, google plus, grid items, masonry" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/GridLoadingEffects/css/default.css" />
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/GridLoadingEffects/css/component.css" />
<script src="http://tympanus.net/Development/GridLoadingEffects/js/modernizr.custom.js"></script>
<script type="text/javascript" src="js_script/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="js_script/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="js_script/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a[id^="show_detail"]').fancybox({
'width' : '10',
'height' : '5',
'autoScale' : false,
'transitionIn' : '100',
'transitionOut' : '100',
'type' : 'iframe',
onClosed : function() {
}
});
$('a[id^="login_recipe"]').fancybox({
'width' : '41%',
'height' : '30%',
'autoScale' : false,
'transitionIn' : '100',
'transitionOut' : '100',
'type' : 'iframe',
onClosed : function() {
parent.location.reload(true);
}
});
$('a[id^="add_recipe"]').fancybox({
'width' : '85%',
'height' : '90%',
'autoScale' : false,
'transitionIn' : '100',
'transitionOut' : '100',
'type' : 'iframe'
});
$('a[id^="text_sms_edit_del"]').fancybox({
'width' : '70%',
'height' : '60%'
});
/*
onStart : function() {
return window.confirm('Continue?');
},
onCancel : function() {
alert('Canceled!');
},
onComplete : function() {
alert('Completed!');
},
onCleanup : function() {
return window.confirm('Close?');
},
onClosed : function() {
alert('Closed!');
}
*/
});
</script>
</head>
<body>
<div class="container">
<!-- Top Navigation -->
<div class="codrops-top clearfix">
<a class="codrops-icon codrops-icon-prev" href="http://tympanus.net/Tutorials/ExpandingSearchBar/"><span>Previous Demo</span></a>
<span class="right"><a href="http://dribbble.com/erikamackley">Illustrations by by Erika Mackley</a><a class="codrops-icon codrops-icon-drop" href="http://tympanus.net/codrops/?p=15677"><span>Back to the Codrops Article</span></a></span>
</div>
<header>
<h1>Loading Effects for Grid Items <span>with CSS Animations</span></h1>
<nav class="codrops-demos">
<a href="index.html">Demo 1</a>
<a class="current-demo" href="index2.html">Demo 2</a>
<a href="index3.html">Demo 3</a>
<a href="index4.html">Demo 4</a>
<a href="index5.html">Demo 5</a>
<a href="index6.html">Demo 6</a>
<a href="index7.html">Demo 7</a>
<a href="index8.html">Demo 8</a>
</nav>
</header>
<ul class="grid effect-2" id="grid">
{section name=mainmenu loop=$box_mainmenu}
<li>
<div class="picture_food"><a href="controlpanel.php?sys=show&id={$box_mainmenu[mainmenu].id}" "class="various iframe" id="show_detail"><img src="{$box_mainmenu[mainmenu].recipe_pic}" width="236" border="0"></a></div>
<div class="meta_"> <a href="controlpanel.php?sys=show&id={$box_mainmenu[mainmenu].id}"class="various iframe" id="show_detail">{$box_mainmenu[mainmenu].recipe_name}</a> <br>
{$box_mainmenu[mainmenu].recipe_detail}</div>
</li>
{/section}
</ul>
</div>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/masonry.pkgd.min.js"></script>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/imagesloaded.js"></script>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/classie.js"></script>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/AnimOnScroll.js"></script>
<script>
new AnimOnScroll( document.getElementById( 'grid' ), {
minDuration : 0.4,
maxDuration : 0.7,
viewportFactor : 0.2
} );
</script>
</body>
</html>
|
| |
|
|
| |
| Date :
2014-04-10 15:11:02 |
By :
ไม่รู้จะตอบยังไง |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่ได้ครับ แต่ผมลองแล้วครับ ผสมกัน โดยอ้างอิงจาก http:// http://tympanus.net/Development/GridLoadingEffects/index2.html
นะครับ แล้วทดสอบ
ถ้ามี <script type="text/javascript" src="js_script/jquery-1.4.2.min.js"></script> ปรากฏว่า
รูปไม่แสดง แต่ pop up fancybox ขึ้น
ถ้าไม่มี <script type="text/javascript" src="js_script/jquery-1.4.2.min.js"></script> ปรากฏว่า
รูปแสดง แต่ pop up fancybox ไม่ขึ้น
|
| |
|
|
| |
| Date :
2014-04-10 16:32:07 |
By :
icman |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
งั้นลองเปลี่ยน jquery เป็น version ล่าสุดครับ ตอนนี้ไปถึง 1.10 แล้ว
http://jquery.com/
|
| |
|
|
| |
| Date :
2014-04-10 16:33:53 |
By :
ไม่รู้จะตอบยังไง |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เอ้ย 1.11
|
| |
|
|
| |
| Date :
2014-04-10 16:34:30 |
By :
ไม่รู้จะตอบยังไง |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เปลื่ยนแล้วครับ ไม่ได้ครับ T^T
fancybox ใช้ได้กับ jquery-1.4.2.min.js ลองตามที่บอกก็เหมือนเดิมครับ
พอจะมีวิธีอื่นไหมคับ
T^T
|
| |
|
|
| |
| Date :
2014-04-10 16:53:22 |
By :
icman |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมลองนะครับ มันก็ใช้ได้ โดยเอาโค้ดจาก http://tympanus.net/Development/GridLoadingEffects/index2.html มาเพิ่ม fancybox 2.15 และใช้ jquery 1.11
ลอง copy code นี้ไป run ดูได้ครับ มันใช้ได้ปกติครับ ผมว่าปัญหามันอยู่ที่ version jquery หรือไม่ก็ fancybox ของคุณ ไม่เกี่ยวกับ noConflict แน่นอน
Code (PHP)
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loading Effects for Grid Items | Demo 2</title>
<meta name="description" content="Loading Effects for Grid Items with CSS Animations" />
<meta name="keywords" content="css animation, loading effect, google plus, grid items, masonry" />
<meta name="author" content="Codrops" />
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/GridLoadingEffects/css/default.css" />
<link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/GridLoadingEffects/css/component.css" />
<script src="http://tympanus.net/Development/GridLoadingEffects/js/modernizr.custom.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7243260-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
$(document).ready(function() {
$('a.fancybox').fancybox().click();
});
</script>
</head>
<body>
<div class="container">
<!-- Top Navigation -->
<div class="codrops-top clearfix">
<a class="codrops-icon codrops-icon-prev" href="http://tympanus.net/Tutorials/ExpandingSearchBar/"><span>Previous Demo</span></a>
<span class="right"><a href="http://dribbble.com/erikamackley">Illustrations by by Erika Mackley</a><a class="codrops-icon codrops-icon-drop" href="http://tympanus.net/codrops/?p=15677"><span>Back to the Codrops Article</span></a></span>
</div>
<header>
<h1>Loading Effects for Grid Items <span>with CSS Animations</span></h1>
<nav class="codrops-demos">
<a href="index.html">Demo 1</a>
<a class="current-demo" href="index2.html">Demo 2</a>
<a href="index3.html">Demo 3</a>
<a href="index4.html">Demo 4</a>
<a href="index5.html">Demo 5</a>
<a href="index6.html">Demo 6</a>
<a href="index7.html">Demo 7</a>
<a href="index8.html">Demo 8</a>
</nav>
<a class="fancybox" href="http://tympanus.net/Development/GridLoadingEffects/images/1.jpg">Fancybox</a>
</header>
<ul class="grid effect-2" id="grid">
<li><a href="http://drbl.in/fWMM"><img src="http://tympanus.net/Development/GridLoadingEffects/images/1.jpg"></a></li>
<li><a href="http://drbl.in/fWPV"><img src="http://tympanus.net/Development/GridLoadingEffects/images/3.jpg"></a></li>
<li><a href="http://drbl.in/fWMT"><img src="http://tympanus.net/Development/GridLoadingEffects/images/4.jpg"></a></li>
<li><a href="http://drbl.in/fQdt"><img src="http://tympanus.net/Development/GridLoadingEffects/images/12.png"></a></li>
<li><a href="http://drbl.in/fHaa"><img src="http://tympanus.net/Development/GridLoadingEffects/images/13.png"></a></li>
<li><a href="http://drbl.in/gXMo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/10.png"></a></li>
<li><a href="http://drbl.in/gXMn"><img src="http://tympanus.net/Development/GridLoadingEffects/images/9.jpg"></a></li>
<li><a href="http://drbl.in/fzYo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/2.jpg"></a></li>
<li><a href="http://drbl.in/fARU"><img src="http://tympanus.net/Development/GridLoadingEffects/images/14.png"></a></li>
<li><a href="http://drbl.in/fGhI"><img src="http://tympanus.net/Development/GridLoadingEffects/images/5.jpg"></a></li>
<li><a href="http://drbl.in/fKCf"><img src="http://tympanus.net/Development/GridLoadingEffects/images/6.jpg"></a></li>
<li><a href="http://drbl.in/fLBG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/7.jpg"></a></li>
<li><a href="http://drbl.in/fPEY"><img src="http://tympanus.net/Development/GridLoadingEffects/images/8.jpg"></a></li>
<li><a href="http://drbl.in/fWwG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/9.jpg"></a></li>
<li><a href="http://drbl.in/fQdt"><img src="http://tympanus.net/Development/GridLoadingEffects/images/12.png"></a></li>
<li><a href="http://drbl.in/fHaa"><img src="http://tympanus.net/Development/GridLoadingEffects/images/13.png"></a></li>
<li><a href="http://drbl.in/gXMo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/10.png"></a></li>
<li><a href="http://drbl.in/gXMn"><img src="http://tympanus.net/Development/GridLoadingEffects/images/11.png"></a></li>
<li><a href="http://drbl.in/fzYo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/2.jpg"></a></li>
<li><a href="http://drbl.in/fARU"><img src="http://tympanus.net/Development/GridLoadingEffects/images/14.png"></a></li>
<li><a href="http://drbl.in/fWMM"><img src="http://tympanus.net/Development/GridLoadingEffects/images/1.jpg"></a></li>
<li><a href="http://drbl.in/fWPV"><img src="http://tympanus.net/Development/GridLoadingEffects/images/3.jpg"></a></li>
<li><a href="http://drbl.in/fWMT"><img src="http://tympanus.net/Development/GridLoadingEffects/images/4.jpg"></a></li>
<li><a href="http://drbl.in/fGhI"><img src="http://tympanus.net/Development/GridLoadingEffects/images/5.jpg"></a></li>
<li><a href="http://drbl.in/fKCf"><img src="http://tympanus.net/Development/GridLoadingEffects/images/6.jpg"></a></li>
<li><a href="http://drbl.in/fLBG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/7.jpg"></a></li>
<li><a href="http://drbl.in/fPEY"><img src="http://tympanus.net/Development/GridLoadingEffects/images/8.jpg"></a></li>
<li><a href="http://drbl.in/fWwG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/9.jpg"></a></li>
<li><a href="http://drbl.in/fQdt"><img src="http://tympanus.net/Development/GridLoadingEffects/images/12.png"></a></li>
<li><a href="http://drbl.in/fHaa"><img src="http://tympanus.net/Development/GridLoadingEffects/images/13.png"></a></li>
<li><a href="http://drbl.in/gXMo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/10.png"></a></li>
<li><a href="http://drbl.in/gXMn"><img src="http://tympanus.net/Development/GridLoadingEffects/images/11.png"></a></li>
<li><a href="http://drbl.in/fzYo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/2.jpg"></a></li>
<li><a href="http://drbl.in/fARU"><img src="http://tympanus.net/Development/GridLoadingEffects/images/14.png"></a></li>
<li><a href="http://drbl.in/fWMM"><img src="http://tympanus.net/Development/GridLoadingEffects/images/1.jpg"></a></li>
<li><a href="http://drbl.in/fWPV"><img src="http://tympanus.net/Development/GridLoadingEffects/images/3.jpg"></a></li>
<li><a href="http://drbl.in/fWMT"><img src="http://tympanus.net/Development/GridLoadingEffects/images/4.jpg"></a></li>
<li><a href="http://drbl.in/fGhI"><img src="http://tympanus.net/Development/GridLoadingEffects/images/5.jpg"></a></li>
<li><a href="http://drbl.in/fKCf"><img src="http://tympanus.net/Development/GridLoadingEffects/images/6.jpg"></a></li>
<li><a href="http://drbl.in/fLBG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/7.jpg"></a></li>
<li><a href="http://drbl.in/fPEY"><img src="http://tympanus.net/Development/GridLoadingEffects/images/8.jpg"></a></li>
<li><a href="http://drbl.in/fWwG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/9.jpg"></a></li>
<li><a href="http://drbl.in/fQdt"><img src="http://tympanus.net/Development/GridLoadingEffects/images/12.png"></a></li>
<li><a href="http://drbl.in/fHaa"><img src="http://tympanus.net/Development/GridLoadingEffects/images/13.png"></a></li>
<li><a href="http://drbl.in/gXMo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/10.png"></a></li>
<li><a href="http://drbl.in/gXMn"><img src="http://tympanus.net/Development/GridLoadingEffects/images/11.png"></a></li>
<li><a href="http://drbl.in/fzYo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/2.jpg"></a></li>
<li><a href="http://drbl.in/fARU"><img src="http://tympanus.net/Development/GridLoadingEffects/images/14.png"></a></li>
<li><a href="http://drbl.in/fWMM"><img src="http://tympanus.net/Development/GridLoadingEffects/images/1.jpg"></a></li>
<li><a href="http://drbl.in/fWPV"><img src="http://tympanus.net/Development/GridLoadingEffects/images/3.jpg"></a></li>
<li><a href="http://drbl.in/fWMT"><img src="http://tympanus.net/Development/GridLoadingEffects/images/4.jpg"></a></li>
<li><a href="http://drbl.in/fGhI"><img src="http://tympanus.net/Development/GridLoadingEffects/images/5.jpg"></a></li>
<li><a href="http://drbl.in/fKCf"><img src="http://tympanus.net/Development/GridLoadingEffects/images/6.jpg"></a></li>
<li><a href="http://drbl.in/fLBG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/7.jpg"></a></li>
<li><a href="http://drbl.in/fPEY"><img src="http://tympanus.net/Development/GridLoadingEffects/images/8.jpg"></a></li>
<li><a href="http://drbl.in/fWwG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/9.jpg"></a></li>
<li><a href="http://drbl.in/fQdt"><img src="http://tympanus.net/Development/GridLoadingEffects/images/12.png"></a></li>
<li><a href="http://drbl.in/fHaa"><img src="http://tympanus.net/Development/GridLoadingEffects/images/13.png"></a></li>
<li><a href="http://drbl.in/gXMo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/10.png"></a></li>
<li><a href="http://drbl.in/gXMn"><img src="http://tympanus.net/Development/GridLoadingEffects/images/11.png"></a></li>
<li><a href="http://drbl.in/fzYo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/2.jpg"></a></li>
<li><a href="http://drbl.in/fARU"><img src="http://tympanus.net/Development/GridLoadingEffects/images/14.png"></a></li>
<li><a href="http://drbl.in/fWMM"><img src="http://tympanus.net/Development/GridLoadingEffects/images/1.jpg"></a></li>
<li><a href="http://drbl.in/fWPV"><img src="http://tympanus.net/Development/GridLoadingEffects/images/3.jpg"></a></li>
<li><a href="http://drbl.in/fWMT"><img src="http://tympanus.net/Development/GridLoadingEffects/images/4.jpg"></a></li>
<li><a href="http://drbl.in/fGhI"><img src="http://tympanus.net/Development/GridLoadingEffects/images/5.jpg"></a></li>
<li><a href="http://drbl.in/fKCf"><img src="http://tympanus.net/Development/GridLoadingEffects/images/6.jpg"></a></li>
<li><a href="http://drbl.in/fLBG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/7.jpg"></a></li>
<li><a href="http://drbl.in/fPEY"><img src="http://tympanus.net/Development/GridLoadingEffects/images/8.jpg"></a></li>
<li><a href="http://drbl.in/fWwG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/9.jpg"></a></li>
<li><a href="http://drbl.in/fQdt"><img src="http://tympanus.net/Development/GridLoadingEffects/images/12.png"></a></li>
<li><a href="http://drbl.in/fHaa"><img src="http://tympanus.net/Development/GridLoadingEffects/images/13.png"></a></li>
<li><a href="http://drbl.in/gXMo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/10.png"></a></li>
<li><a href="http://drbl.in/gXMn"><img src="http://tympanus.net/Development/GridLoadingEffects/images/11.png"></a></li>
<li><a href="http://drbl.in/fzYo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/2.jpg"></a></li>
<li><a href="http://drbl.in/fARU"><img src="http://tympanus.net/Development/GridLoadingEffects/images/14.png"></a></li>
<li><a href="http://drbl.in/fWMM"><img src="http://tympanus.net/Development/GridLoadingEffects/images/1.jpg"></a></li>
<li><a href="http://drbl.in/fWPV"><img src="http://tympanus.net/Development/GridLoadingEffects/images/3.jpg"></a></li>
<li><a href="http://drbl.in/fWMT"><img src="http://tympanus.net/Development/GridLoadingEffects/images/4.jpg"></a></li>
<li><a href="http://drbl.in/fGhI"><img src="http://tympanus.net/Development/GridLoadingEffects/images/5.jpg"></a></li>
<li><a href="http://drbl.in/fKCf"><img src="http://tympanus.net/Development/GridLoadingEffects/images/6.jpg"></a></li>
<li><a href="http://drbl.in/fLBG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/7.jpg"></a></li>
<li><a href="http://drbl.in/fPEY"><img src="http://tympanus.net/Development/GridLoadingEffects/images/8.jpg"></a></li>
<li><a href="http://drbl.in/fWwG"><img src="http://tympanus.net/Development/GridLoadingEffects/images/9.jpg"></a></li>
<li><a href="http://drbl.in/fWPV"><img src="http://tympanus.net/Development/GridLoadingEffects/images/3.jpg"></a></li>
<li><a href="http://drbl.in/fGhI"><img src="http://tympanus.net/Development/GridLoadingEffects/images/5.jpg"></a></li>
<li><a href="http://drbl.in/fzYo"><img src="http://tympanus.net/Development/GridLoadingEffects/images/2.jpg"></a></li>
</ul>
</div>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/masonry.pkgd.min.js"></script>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/imagesloaded.js"></script>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/classie.js"></script>
<script src="http://tympanus.net/Development/GridLoadingEffects/js/AnimOnScroll.js"></script>
<script>
new AnimOnScroll( document.getElementById( 'grid' ), {
minDuration : 0.4,
maxDuration : 0.7,
viewportFactor : 0.2
} );
</script>
<!-- For the demo ad -->
<script src="http://tympanus.net/codrops/adpacks/demoad.js"></script>
</body>
</html>
|
| |
|
|
| |
| Date :
2014-04-10 17:18:17 |
By :
ไม่รู้จะตอบยังไง |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมว่ามันติดที่ตัว
<script type="text/javascript" src="js_script/jquery-ui.js"></script>
ลองคอมเม้นไว้ครับ
|
| |
|
|
| |
| Date :
2014-04-10 17:28:55 |
By :
WiTT |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
