• 02-12-2015, 20:27:09
    #1
    İnternetten şu şekilde bi slider buldum : http://bit.ly/1Tl92RP
    Fakat bunu wordpress temamda index.php nin içine ekleyemiyorum.
    Sayfanın html kodu şu;

    <!DOCTYPE html>
    <html>
    	<head>
    		<title>KonboR</title>
    
    		<link rel='stylesheet' type='text/css' href='../jquery.kwicks.css' />
    		<style type='text/css'>
    			.kwicks {
    				width: 100%;
    				height: 334px;
    			}
    			.kwicks > li {
    				height: 334px;
    				background-color: #12c1cc;
    				/* overridden by kwicks but good for when JavaScript is disabled */
    				margin-left: 5px;
    				float: left;
    			}
    		</style>
    	</head>
    	
    	<body>
    		<ul class='kwicks kwicks-horizontal'>
    			<li class='kwicks-selected'><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
    			<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
    			<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
    			<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
    		</ul>
    
    		<script src='js/jquery-1.8.1.min.js' type='text/javascript'></script>
    		<script src='../jquery.kwicks.js' type='text/javascript'></script>
    		
    		<script type='text/javascript'>
    			$(function() {
    				$('.kwicks').kwicks({
    					minSize : 50,
    					spacing : 5,
    					behavior: 'slideshow'
    				});
    			});
    		</script>
    	</body>
    </html>

    Ben kodu şu şekilde ekliyorum;
    <link rel='stylesheet' type='text/css' href='../jquery.kwicks.css' />
    		<style type='text/css'>
    			.kwicks {
    				width: 100%;
    				height: 334px;
    			}
    			.kwicks > li {
    				height: 334px;
    				background-color: #12c1cc;
    				/* overridden by kwicks but good for when JavaScript is disabled */
    				margin-left: 5px;
    				float: left;
    			}
    		</style>
    
    		<ul class='kwicks kwicks-horizontal'>
    			<li class='kwicks-selected'><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
    			<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
    			<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
    			<li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li>
    		</ul>
    
    		<script src='js/jquery-1.8.1.min.js' type='text/javascript'></script>
    		<script src='../jquery.kwicks.js' type='text/javascript'></script>
    		
    		<script type='text/javascript'>
    			$(function() {
    				$('.kwicks').kwicks({
    					minSize : 50,
    					spacing : 5,
    					behavior: 'slideshow'
    				});
    			});
    		</script>

    Ortaya çıkan görüntü şu oluyor;


    O kırmızı yuvarlak içine aldığım alandaki gibi kapalı olan slaytlardaki resimler küçük kalıyor.

    Muhtemelen kodları nereye yazacağımı bilmiyorum. Yardımcı olursanız çok sevinirim.
  • 02-12-2015, 20:36:16
    #2
    Kimlik doğrulama veya yönetimden onay bekliyor.
    merhaba olay şu şekilde olmalı ; sliderin çalışması için gerekli javascript dosyaları mevcut " <script src='js/jquery-1.8.1.min.js' type='text/javascript'></script>
    <script src='../jquery.kwicks.js' type='text/javascript'></script>
    "

    öncelikle bizden istenen dosyalara bakalım tek tek neler çekmiş sırası ile önce css sonra js bakalım

    css olarak sadece 1 şey gereksimi var oda jquery.kwicks.css

    js dosyalarına bakalım ;
    jquery-1.8.1.min.js
    jquery.kwicks.js


    bu durumda o dosyaları indirip 1 klasör oluşturun bilgisayarınızda ismini slider katın ardından ftp aracılığı ile veya panelinizden ( hosting yönetim paneli bkz : cpanel,plesk,direct admin) hangisi ise bağlanıp temanızın olduğu dizine o dosyaları atınız örneğin benim wordpress sitemde tema klasör ismim supertema olduğunu var sayarsak yüklemeniz gereken dizin ;

    wp-content/themes/supertema/

    slider klasörünü buraya yükleyinn sonuç olarak wp-content/themes/supertema/slider/ böyle bir klasör oluşacak orada dosyalarımız mevcut hadi şimdi kodumuzu düzenliyelim ;


    	<link rel='stylesheet' type='text/css' href='http://sitemizinismi.com/wp-content/themes/temaismi/slider/jquery.kwicks.css' /> 
            <style type='text/css'> 
                .kwicks { 
                    width: 100%; 
                    height: 334px; 
                } 
                .kwicks > li { 
                    height: 334px; 
                    background-color: #12c1cc; 
                    /* overridden by kwicks but good for when JavaScript is disabled */ 
                    margin-left: 5px; 
                    float: left; 
                } 
            </style> 
    
            <ul class='kwicks kwicks-horizontal'> 
                <li class='kwicks-selected'><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
                <li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
                <li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
                <li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
            </ul> 
    
            <script src='http://sitemizinismi.com/wp-content/themes/temaismi/slider/jquery-1.8.1.min.js' type='text/javascript'></script> 
            <script src='http://sitemizinismi.com/wp-content/themes/temaismi/slider/jquery.kwicks.js' type='text/javascript'></script> 
           
            <script type='text/javascript'> 
                $(function() { 
                    $('.kwicks').kwicks({ 
                        minSize : 50, 
                        spacing : 5, 
                        behavior: 'slideshow' 
                    }); 
                }); 
            </script>
    bu kodu düzenleyin bkz: http://sitemizinismi.com/wp-content/themes/temaismi/

    dip not : eşkici değilim arkadaşlar bkz: bkz
  • 02-12-2015, 20:44:32
    #3
    numanturle adlı üyeden alıntı: mesajı görüntüle
    merhaba olay şu şekilde olmalı ; sliderin çalışması için gerekli javascript dosyaları mevcut " <script src='js/jquery-1.8.1.min.js' type='text/javascript'></script>
    <script src='../jquery.kwicks.js' type='text/javascript'></script>
    "

    öncelikle bizden istenen dosyalara bakalım tek tek neler çekmiş sırası ile önce css sonra js bakalım

    css olarak sadece 1 şey gereksimi var oda jquery.kwicks.css

    js dosyalarına bakalım ;
    jquery-1.8.1.min.js
    jquery.kwicks.js


    bu durumda o dosyaları indirip 1 klasör oluşturun bilgisayarınızda ismini slider katın ardından ftp aracılığı ile veya panelinizden ( hosting yönetim paneli bkz : cpanel,plesk,direct admin) hangisi ise bağlanıp temanızın olduğu dizine o dosyaları atınız örneğin benim wordpress sitemde tema klasör ismim supertema olduğunu var sayarsak yüklemeniz gereken dizin ;

    wp-content/themes/supertema/

    slider klasörünü buraya yükleyinn sonuç olarak wp-content/themes/supertema/slider/ böyle bir klasör oluşacak orada dosyalarımız mevcut hadi şimdi kodumuzu düzenliyelim ;


    	<link rel='stylesheet' type='text/css' href='http://sitemizinismi.com/wp-content/themes/temaismi/slider/jquery.kwicks.css' /> 
            <style type='text/css'> 
                .kwicks { 
                    width: 100%; 
                    height: 334px; 
                } 
                .kwicks > li { 
                    height: 334px; 
                    background-color: #12c1cc; 
                    /* overridden by kwicks but good for when JavaScript is disabled */ 
                    margin-left: 5px; 
                    float: left; 
                } 
            </style> 
    
            <ul class='kwicks kwicks-horizontal'> 
                <li class='kwicks-selected'><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
                <li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
                <li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
                <li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
            </ul> 
    
            <script src='http://sitemizinismi.com/wp-content/themes/temaismi/slider/jquery-1.8.1.min.js' type='text/javascript'></script> 
            <script src='http://sitemizinismi.com/wp-content/themes/temaismi/slider/jquery.kwicks.js' type='text/javascript'></script> 
           
            <script type='text/javascript'> 
                $(function() { 
                    $('.kwicks').kwicks({ 
                        minSize : 50, 
                        spacing : 5, 
                        behavior: 'slideshow' 
                    }); 
                }); 
            </script>
    bu kodu düzenleyin bkz: http://sitemizinismi.com/wp-content/themes/temaismi/

    dip not : eşkici değilim arkadaşlar bkz: bkz
    Maalesef hocam değişen bir şey olmadı
  • 02-12-2015, 21:02:21
    #4
    hocam siteyi buraya yazarsanız daha detaylı inceleyelim..ayrıca o slider'daki görselleri vs. tek tek değiştirmeniz gereklidir onun yerine hazır bir eklenti kurmanızı tavsiye ederim.
  • 02-12-2015, 21:31:20
    #5
    BoraBozdogan adlı üyeden alıntı: mesajı görüntüle
    hocam siteyi buraya yazarsanız daha detaylı inceleyelim..ayrıca o slider'daki görselleri vs. tek tek değiştirmeniz gereklidir onun yerine hazır bir eklenti kurmanızı tavsiye ederim.
    katılıyorum. revslider tavsiye ederim.
  • 02-12-2015, 23:14:34
    #6
    css ve js dosyalarının kaynaklarını header.php den çalıştırmayı deneyin. index.php ye sadece aşağıdaki kodları eklemeniz gerek.

         <ul class='kwicks kwicks-horizontal'> 
             <li class='kwicks-selected'><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
             <li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
             <li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
             <li><a href="#"><img src="http://www.partnershiphp.org/phcSliderImages/FireTanker.jpg" /></a></li> 
         </ul>
  • 03-12-2015, 00:16:15
    #7
    Arkadaşlar hepiniz çok sağolun durumu şöyle hallettim.

    Kodların çalıştığı sayfayı index.php'ye iframe kodu ile ekledim. Resimlere verdiğim linkleride <a href="https://www.r10.net/wordpress/..." target="_parent"><img src="https://www.r10.net/wordpress/..." /></a> şeklinde verdim. İşime yaradı bu yöntem.