رفتن به مطلب

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


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 قرار بدید و امتحان کنید.

لینک به ارسال

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

لینک به ارسال

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

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

با تشکر :)

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...