Siteme Jquery Dosyamı Ekleyemiyorum

ihsan43 · April 17, 2015

selam arkadaşlar,

siteme slider yapıyorum fakat .js dosyamı html dosyama çağıramıyorum kodlar resimdeki gibi yardımcı olurmusunuz.

***sk8er_boi*** · April 17, 2015

js dosyasını bir de lokaline koyup oradan çağırmayı dene.

ihsan43 · April 17, 2015

Kodlarım bu şekilde js dosyası kullanmadan scripti direk içeri yazdım yine olmadı. Yardımcı olursanız sevinirim, videodan baktım aynısını yaptım yine olmadı

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SRT Yazılım</title>
<style type="text/css">
#anasayfa { font-family:"Myriad Pro";
			color:#000;
			overflow:hidden;
			width:1000px;
			}
.banner{
margin:10px auto;
width:920px;;
height:150px;
overflow:hidden;
border-radius:20px;
}
.solbolum{width:220px;
height:500px;
overflow:hidden;
margin:auto 20px auto 45px;
padding:10px 20px;
float:left;
border-radius:20px;
}
.buton{
	display:inline-block;
	white-space:nowrap;
	background:#ddd;
	border:1px solid #777;
	padding:0 1.5em;
	margin:0.5em 0.5em 0EM 0.5em;
	font:bold 1em/2em Arial, Helvetica;
	text-decoration:none;
	color:#333;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
	border-radius:.5em;
  	box-shadow:0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0    rgba(0,0,0,.3);
	width:130px;
	text-align:left;
}

.buton:hover{
	background-color:#eee;
	background-image:-webkit-linear-gradient(top, #fafafa 0%, #ddd 100%);
	background-image:linear-gradient(to top, #fafafa 0%, #ddd 100%);
}

.buton:active{
	box-shadow:0 0 8px 4px rgba(0,0,0,.3) inset;
	position:relative;
	top:1px;
}
.buton:focus{
	outline:0;
	background:#09F;
	
}

.buton:before{
	background:#ccc;
	background:rgba(0,0,0,.1);
	float:left;
	width:1em;
	text-align:center;
	font-size:1.5em;
	margin:0 1em 0 -1em;
	padding:0.2em;
	box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0      rgba(255,255,255,.5);
	border-radius:.15em 0 0 .15em;
}

button.buton, input.buton{
	cursor:pointer;
}
.ekle:before{content:"\27A8";}
P{font-family:"Times New Roman", Times, serif;
font-weight:bold;
}
.a{padding:0px 5px 0px 5px; }
.ortabolum{width:590px;
height:500px;
overflow:hidden;
margin:auto 0px auto 0px;
padding:10px 20px;
float:left;
border-radius:20px;
border:2px solid black;
}
#ortaslider{width:500px;
height:300px;
overflow:hidden;
border:1px solid black;
}
ul,li{padding:0; margin:0; list-style:none}
a { text-decoration:none }
img {border:0}
.slider{width:500px;
height:250px;
overflow:hidden;
position:relative;
margin:35px;
}
.slider ul.slider li{width:500px;
height:250px;
overflow:hidden;
}
.sayfa{position:absolute;
bottom:10px;
right:10px;
}
.sayfa a {
	display:block;
	float:left;
	padding:3px 7px; margin-right:3px;
	background:#fff;
	color:#000;
	border-radius:3px;
	font-family:"Myriad Pro";
}
.sayfa a.aktif, a:hover {
	background:#09F;
	color:#fff;
}
</style>
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</script>
<script type="text/javascript" src="jquery-1.11.2.js"></script>
<script type="text/javascript">
$(function(){
$(".sayfa a:first").addclass("aktif");
$("ul.slider li").hide();
$("ul.slider li:first").show();
$("ul.slider li:not(:first").hide();
$(".sayfa a").click(function(){
	var indis=$(this).index();
	alert(indis);
	});
});
</script>

</head>

<body background="background.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="anasayfa">
<div class="banner"><img src="banner1.jpg" /></div>
<div class="solbolum">
<a href="index.html" class="buton ekle">ANASAYFA</a>
<a href="index.html" class="buton ekle">PROGRAMLAR</a>
<a href="index.html" class="buton ekle">DONANIM</a>
<a href="index.html" class="buton ekle">HAKKIMIZDA</a>
<a href="index.html" class="buton ekle">İLETİŞİM</a>
<p align="center">TEKNOLOJİ HABERLERİ</p>
<div class="a"><form name="form" id="form" >
   	  <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
   	    <option selected="selected">TEKNOLOJİ HABERLERİ</option>
    <option value="http://www.teknoloji-haber.net/">teknoloji-haber.net</option>
    <option value="http://shiftdelete.net/">shiftdelete.net</option>
    <option value="http://www.webtekno.com/">webtekno.com</option>
      </select>
</form></div>
</div>
<div class="ortabolum">
<div class="slider">
<ul class="slider">
	<li>
    	<a href="#">
        <img src="rsm1.png" />
        </a>
    </li>
    <li>
    	<a href="#">
        <img src="rsm2.jpg"/>
        </a>
    </li>
    <li>
    	<a href="#">
        <img src="rsm3.jpg" />
        </a>
    </li>
    <li>
    	<a href="#">
        <img src="rsm4.jpg" />
        </a>
    </li>
</ul>
<div class="sayfa">
	<a href="#">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
	<a href="#">4</a>
</div>
</div>
</div>

</div>
</body>
</html>

Yaptım, çalışıyor :) sorun kalmadı :)

Sign In

Siteme Jquery Dosyamı Ekleyemiyorum

Recommended Posts

ihsan43

Link to comment

Share on other sites

sk8er_boi

Link to comment

Share on other sites

ihsan43

Link to comment

Share on other sites

Join the conversation

Similar Content

Recently Browsing 0 members

Browse

Activity