رفتن به مطلب

مشکل با فراخوانی جی کوئری در قالب


alimir

پست های پیشنهاد شده

سلام دوستان.

قصد تغییر در اسلایدر سایتم رو دارم.

الان یک نمونه به نام Amazon style image and title scroller پیدا کردم که مورد خوبیه و روی فضای لوکال پیاده سازیش کردم.

اما مشکلی که باهاش دارم اینه، اسلایدر استایل میگیره اما کدهای جاوا اسکریپتش کار نمیکنن!!!

هر جور هم که آدرس دهی میکنم، باز مشکل داره!!!

اینا دو نمونه از کدهاشن.

آیا مشکل از کدهاست؟!؟ توی اسکریپت هیچ مشکلی ندارنا، اما اینجا (تو فضای لوکال) گیرپاچ میکنن!!!


// Copyright 2010 htmldrive.net Inc.
/**
* @projectHomepage http://www.htmldrive.net/welcome/amazon-scroller
* @projectDescription Amazon style image and title scroller
* @author htmldrive.net
* More script and css style : htmldrive.net
* @version 1.0
* @license http://www.apache.org/licenses/LICENSE-2.0
*/
(function(a){
a.fn.amazon_scroller=function(p){
var p=p||{};
var g=p&&p.scroller_time_interval?p.scroller_time_interval:"3000";
var h=p&&p.scroller_title_show?p.scroller_title_show:"enable";
var i=p&&p.scroller_window_background_color?p.scroller_window_background_color:"white";
var j=p&&p.scroller_window_padding?p.scroller_window_padding:"5";
var k=p&&p.scroller_border_size?p.scroller_border_size:"1";
var l=p&&p.scroller_border_color?p.scroller_border_color:"black";
var m=p&&p.scroller_images_width?p.scroller_images_width:"50";
var n=p&&p.scroller_images_height?p.scroller_images_height:"70";
var o=p&&p.scroller_title_size?p.scroller_title_size:"12";
var q=p&&p.scroller_title_color?p.scroller_title_color:"blue";
var r=p&&p.scroller_show_count?p.scroller_show_count:"5";
var d=p&&p.directory?p.directory:"images";
j += "px";
k += "px";
m += "px";
n += "px";
o += "px";
var dom=a(this);
var s;
var t=0;
var u;
var v;
var w=dom.find("ul:first").children("li").length;
var x=Math.ceil(w/r);
if(dom.find("ul").length==0||dom.find("li").length==0){
dom.append("Require content");
return null
}
dom.find("ul:first").children("li").children("a").children("img").css("width",m).css("height",n);
if(h=='enable'){
dom.find("ul:first").children("li").children("a").each(function(){
$(this).append('<br/>'+$(this).attr("title"))
})
}
s_s_ul(dom,j,k,l,i);
s_s_nav(dom.find(".amazon_scroller_nav"),d);
m=parseInt(m);
dom.find("ul:first").children("li").css("width",m+"px");
dom.find("ul:first").children("li").children("a").css("color",q);
dom.find("ul:first").children("li").children("a").css("font-size",o);
begin();
play();
dom.find(".amazon_scroller_nav").children("li").hover(
function(){
if($(this).parent().children().index($(this))==0){
$(this).css("background-position","left -50px");
}else if($(this).parent().children().index($(this))==1){
$(this).css("background-position","right -50px");
}
},
function(){
if($(this).parent().children().index($(this))==0){
$(this).css("background-position","left top");
}else if($(this).parent().children().index($(this))==1){
$(this).css("background-position","right top");
}
}
);
dom.find(".amazon_scroller_nav").children("li").click(function(){
if($(this).parent().children().index($(this))==0){
previous()
}else if($(this).parent().children().index($(this))==1){
next()
}
});
function begin(){
var a=dom.find("ul:first").children("li").outerWidth(true)*w;
dom.find("ul:first").children("li").hide();
dom.find("ul:first").children("li").slice(0,r).show();
u=dom.find("ul:first").outerWidth();
v=dom.find("ul:first").outerHeight();
dom.find("ul:first").width(a);
dom.width(u+60);
dom.height(v);
dom.children(".amazon_scroller_mask").width(u);
dom.children(".amazon_scroller_mask").height(v);
dom.find("ul:first").children("li").show();
dom.css("position","relative");
dom.find("ul:first").css("position","absolute");
dom.children(".amazon_scroller_mask").width(u);
dom.children(".amazon_scroller_mask").height(v);
dom.find(".amazon_scroller_nav").css('top',(v-50)/2+parseInt(j)+"px");
dom.find(".amazon_scroller_nav").width(u+60)
}
function previous(){
if(t==0){
t=x-2
}else{
if(t==1){
t=x-1
}else{
t-=2
}
}
play()
}
function next(){
play()
}
function play(){
clearTimeout(s);
dom.find("ul:first").animate({
left:-(t*u)
},500);
t++;
if(t>=x){
t=0
}
s=setTimeout(play,g)
}
function s_s_ul(a,b,c,d,e){
b=parseInt(;
c=parseInt(c);
var f="border: "+d+" solid "+" "+c+"px; padding:"+b+"px; background-color:"+e;
a.attr("style",f)
}
function s_s_nav(a,d){
var b=a.children("li:first");
var c=a.children("li:last");
a.children("li").css("width","25px");
a.children("li").css("height","50px");
a.children("li").css('background-image','url("'+d+'/arrow.gif")');
c.css('background-position','right top');
a.children("li").css('background-repeat','no-repeat');
c.css('right','0px');
b.css('left','0px');
}
}
})(jQuery);

و


<script language="javascript" type="text/javascript">
$(function() {
$("#amazon_scroller1").amazon_scroller({
scroller_title_show: 'enable',
scroller_time_interval: '4000',
scroller_window_background_color: "#CCC",
scroller_window_padding: '10',
scroller_border_size: '1',
scroller_border_color: '#000',
scroller_images_width: '150',
scroller_images_height: '100',
scroller_title_size: '12',
scroller_title_color: 'black',
scroller_show_count: '2',
directory: 'images'
});
$("#amazon_scroller2").amazon_scroller({
scroller_title_show: 'disable',
scroller_time_interval: '3000',
scroller_window_background_color: "none",
scroller_window_padding: '10',
scroller_border_size: '0',
scroller_border_color: '#CCC',
scroller_images_width: '100',
scroller_images_height: '80',
scroller_title_size: '12',
scroller_title_color: 'black',
scroller_show_count: '2',
directory: 'images'
});
$("#amazon_scroller3").amazon_scroller({
scroller_title_show: 'enable',
scroller_time_interval: '3000',
scroller_window_background_color: "none",
scroller_window_padding: '10',
scroller_border_size: '2',
scroller_border_color: '#9C6',
scroller_images_width: '80',
scroller_images_height: '60',
scroller_title_size: '11',
scroller_title_color: 'black',
scroller_show_count: '3',
directory: 'images'
});
});
</script>

لینک به ارسال

سلام

معمولاً تداخل جی کوئری ها باعث لود نشدن یکی از اون ها میشه که باید کدهای دیگرتونو چک کنید و یا در نهایت اگر بدون تداخل بود با جی کوئری وردپرس تداخل داره که باید بعد از تابع wp_footer و یا قبل و بعد از wp_head قرار بدید و امتحان کنید.

  • امتیاز 4
لینک به ارسال

و اینکه کتابخانه جی کوئری باید قبل از بقیه کدهای جی کوئری لود بشه.

  • امتیاز 3
لینک به ارسال

و اینکه کتابخانه جی کوئری باید قبل از بقیه کدهای جی کوئری لود بشه.

دقیقا مشکل همین بود.

با تشکر :)

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...