PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

รบกวนอีกนิดนะครับอย่าหาว่าโง่เลย

รบกวนอีกนิดนะครับอย่าหาว่าโง่เลย
http://tympanus.net/Development/ParallaxContentSlider/
โหลด DEMO มาแลล้วแต่เอาไปใช้ไม่เป็นอะครับ คือผมจะแปลงรูปใหม่ ให้เอามาใสในตัวเว็บที่ผมมีอยู่แล้วนี้ทำไงครับ

โดย:  Inwdesign IP: 14.207.152.xxx วันที่: 05-03-2015 เวลา: 21:58:15

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 2
<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
    <link rel="stylesheet" href="http://tympanus.net/Development/ParallaxContentSlider/css/style2.css">  
    <script type="text/javascript" src="http://tympanus.net/Development/ParallaxContentSlider/js/modernizr.custom.28468.js"></script>  
</head>  
<body>  
  
    
<div style="margin:auto;width:700px;height:400px;">   
<div id="da-slider" class="da-slider">  
  
    <div class="da-slide">  
        <h2>Some headline</h2>  
        <p>Some description</p>  
        <a href="#" class="da-link">Read more</a>  
        <div class="da-img">  
            <img src="http://www.ninenik.com/images/logo_01_Fri.gif" alt="image01" />  
        </div>  
    </div>  
      
    <div class="da-slide">  
        <h2>Some headline</h2>  
        <p>Some description</p>  
        <a href="#" class="da-link">Read more</a>  
        <div class="da-img">  
            <img src="http://www.ninenik.com/images/logo_01_Thu.gif" alt="image01" />  
        </div>  
    </div>      
      
  
      
    <nav class="da-arrows">  
        <span class="da-arrows-prev"></span>  
        <span class="da-arrows-next"></span>  
    </nav>  
      
</div>      
</div>       
  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  
<script type="text/javascript" src="http://tympanus.net/Development/ParallaxContentSlider/js/jquery.cslider.js"></script>  
<script type="text/javascript">  
    $(function() {  
  
        $('#da-slider').cslider();  
  
    });  
</script>   
                  
</body>  
</html>  


โดย:  Inwdesign IP: 14.207.152.xxx วันที่: 06-03-2015 เวลา: 23:10:40
 ความคิดเห็นที่ 1
ตัวนี้ต้องอาศัยความเข้าใจใน css ถึงจะปรับแต่งได้ตามต้องการ วิธีใช้ก็ตามที่ไฟล์ตัวอย่างที่ดาวน์โหลดมาเลย
หรือจะเข้าไปดูทีหน้านี้ก็ได้

http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/

Some headline

Some description

Read more
image01

Some headline

Some description

Read more
image01


คงต้องลองทำตามดู ไม่เคยใช้เหมือนกัน

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="http://tympanus.net/Development/ParallaxContentSlider/css/style2.css">
    <script type="text/javascript" src="http://tympanus.net/Development/ParallaxContentSlider/js/modernizr.custom.28468.js"></script>
</head>
<body>

  
<div style="margin:auto;width:700px;height:400px;"> 
<div id="da-slider" class="da-slider">

	<div class="da-slide">
		<h2>Some headline</h2>
		<p>Some description</p>
		<a href="#" class="da-link">Read more</a>
		<div class="da-img">
			<img src="http://www.ninenik.com/images/logo_01_Fri.gif" alt="image01" />
		</div>
	</div>
	
	<div class="da-slide">
		<h2>Some headline</h2>
		<p>Some description</p>
		<a href="#" class="da-link">Read more</a>
		<div class="da-img">
			<img src="http://www.ninenik.com/images/logo_01_Thu.gif" alt="image01" />
		</div>
	</div>	
	

	
	<nav class="da-arrows">
		<span class="da-arrows-prev"></span>
		<span class="da-arrows-next"></span>
	</nav>
	
</div>    
</div>     

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://tympanus.net/Development/ParallaxContentSlider/js/jquery.cslider.js"></script>
<script type="text/javascript">
    $(function() {

        $('#da-slider').cslider();

    });
</script>	
		        
</body>
</html>




โดย:  Ninenik IP: 1.46.10.xxx วันที่: 05-03-2015