เกี่ยวกับภาพ
ขั้นตอนการทำภาพสไลด์โชว์ Beautiful jQuery Slider on Blogger
ขั้นตอนการทำภาพสไลด์โชว์ สวยๆ บนเว็บไซต์ และเว็บบล็อก
Beautiful jQuery Slider on Blogger
-ภาพเลื่อนสไลด์ได้
-ใส่ลิงก์ได้
-มีเลขกำกับ
-มีหัวข้อบนภาพ
ขั้นตอนที่1 วางโค้ดสีแดงนี้วางก่อนหน้า </b:skin>
Beautiful jQuery Slider on Blogger
-ภาพเลื่อนสไลด์ได้
-ใส่ลิงก์ได้
-มีเลขกำกับ
-มีหัวข้อบนภาพ
ขั้นตอนที่1 วางโค้ดสีแดงนี้วางก่อนหน้า </b:skin>
/* --------------WebblogDDslider1 begin------------ */
/*jQuery beatiful Slider EDIT by Pongwoot(1) */
div.wrap1{
width : 99%;
margin : 0 auto;
text-align : left;
}
div.wrap1 a{color:#ffffff;}
div#top div#nav{
float : left;
clear : both;
width : 99%;
height : 0px;
margin : 0px 0 0;
background:url(#) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
width:98%;
height:5px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:5px;
}
div#nav ul li a{
border:0;
height:5px;
display:block;
line-height:5px;
text-indent:-9999px;
}
div#WebblogDDslider{
margin:-1px 0 0;
}
div#video-header1{
height:683px;
margin:-1px 0 0;
}
div#WebblogDDslider div.wrap1{
height:289px;
background:#848484;
}
div#WebblogDDslider div#slide-holder{
z-index : 40;
width : 99%;
height : 289px;
position : absolute;
}
div#WebblogDDslider div#slide-holder div#slide-runner{
top : 9px;
left : 9px;
width : 98%;
height : 288px;
overflow : hidden;
position : absolute;
}
div#WebblogDDslider div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#WebblogDDslider div#slide-holder div#slide-controls{
left : 0;
bottom : 228px;
width : 98%;
height : 46px;
display : none;
position : absolute;
background:url(#) 0 0;
}
div#WebblogDDslider div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:12px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#WebblogDDslider div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#WebblogDDslider div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:14px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#WebblogDDslider div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#WebblogDDslider div#slide-holder div#slide-controls p#slide-nav a{background-image:url(http://upic.me/i/qa/sildenav.png);}
div#nav ul li a{background:url(#) no-repeat;}
/* --------------WebblogDDslider1 end------------ */
***
ขั้นตอนที่2 วางโค้ดสีแดงข้างล่างนี้ วางก่อนหน้า </head>
<script type='text/javascript'>var _siteRoot='index.html',_root='index.html';</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
window.onerror=function(desc,page,line,chr){
/* alert('JavaScript error occurred! \n'
+'\nError description: \t'+desc
+'\nPage address: \t'+page
+'\nLine number: \t'+line
);*/
}
$(function(){
$('a').focus(function(){this.blur();});
SI.Files.stylizeAll();
slider.init();
$('input.text-default').each(function(){
$(this).attr('default',$(this).val());
}).focus(function(){
if($(this).val()==$(this).attr('default'))
$(this).val('');
}).blur(function(){
if($(this).val()=='')
$(this).val($(this).attr('default'));
});
$('input.text,textarea.text').focus(function(){
$(this).addClass('textfocus');
}).blur(function(){
$(this).removeClass('textfocus');
});
var popopenobj=0,popopenaobj=null;
$('a.popup').click(function(){
var pid=$(this).attr('rel').split('|')[0],_os=parseInt($(this).attr('rel').split('|')[1]);
var pobj=$('#'+pid);
if(!pobj.length)
return false;
if(typeof popopenobj=='object' && popopenobj.attr('id')!=pid){
popopenobj.hide(50);
$(popopenaobj).parent().removeClass(popopenobj.attr('id').split('-')[1]+'-open');
popopenobj=null;
}
return false;
});
$('p.images img').click(function(){
var newbg=$(this).attr('src').split('bg/bg')[1].split('-thumb')[0];
$(document.body).css('backgroundImage','url('+_siteRoot+'images/bg/bg'+newbg+'.jpg)');
$(this).parent().find('img').removeClass('on');
$(this).addClass('on');
return false;
});
$(window).load(function(){
$.each(css_ims,function(){(new Image()).src=_siteRoot+'css/images/'+this;});
$.each(css_cims,function(){
var css_im=this;
$.each(['blue','purple','pink','red','grey','green','yellow','orange'],function(){
(new Image()).src=_siteRoot+'css/'+this+'/'+css_im;
});
});
});
$('div.sc-large div.img:has(div.tml)').each(function(){
$('div.tml',this).hide();
$(this).append('<a href="#" class="tml_open"> </a>').find('a').css({
left:parseInt($(this).offset().left)+864,top:parseInt($(this).offset().top)+1
}).click(function(){
$(this).siblings('div.tml').slideToggle();
return false;
}).focus(function(){this.blur();});
});
});
var slider={
num:-1,
cur:0,
cr:[],
al:null,
at:10*1000,
ar:true,
init:function(){
if(!slider.data || !slider.data.length)
return false;
var d=slider.data;
slider.num=d.length;
var pos=Math.floor(Math.random()*1);//slider.num);
for(var i=0;i<slider.num;i++){
$('#'+d[i].id).css({left:((i-pos)*1000)});
$('#slide-nav').append('<a id="slide-link-'+i+'" href="#" onclick="slider.slide('+i+');return false;" onfocus="this.blur();">'+(i+1)+'</a>');
}
$('img,div#slide-controls',$('div#slide-holder')).fadeIn();
slider.text(d[pos]);
slider.on(pos);
slider.cur=pos;
window.setTimeout('slider.auto();',slider.at);
},
auto:function(){
if(!slider.ar)
return false;
var next=slider.cur+1;
if(next>=slider.num) next=0;
slider.slide(next);
},
slide:function(pos){
if(pos<0 || pos>=slider.num || pos==slider.cur)
return;
window.clearTimeout(slider.al);
slider.al=window.setTimeout('slider.auto();',slider.at);
var d=slider.data;
for(var i=0;i<slider.num;i++)
$('#'+d[i].id).stop().animate({left:((i-pos)*1000)},1000,'swing');
slider.on(pos);
slider.text(d[pos]);
slider.cur=pos;
},
on:function(pos){
$('#slide-nav a').removeClass('on');
$('#slide-nav a#slide-link-'+pos).addClass('on');
},
text:function(di){
slider.cr['a']=di.client;
slider.cr['b']=di.desc;
slider.ticker('#slide-client span',di.client,0,'a');
slider.ticker('#slide-desc',di.desc,0,'b');
},
ticker:function(el,text,pos,unique){
if(slider.cr[unique]!=text)
return false;
ctext=text.substring(0,pos)+(pos%2?'-':'_');
$(el).html(ctext);
if(pos==text.length)
$(el).html(text);
else
window.setTimeout('slider.ticker("'+el+'","'+text+'",'+(pos+1)+',"'+unique+'");',30);
}
};
// STYLING FILE INPUTS 1.0 | Shaun Inman <http://www.shauninman.com/> | 2007-09-07
if(!window.SI){var SI={};};
SI.Files={
htmlClass:'SI-FILES-STYLIZED',
fileClass:'file',
wrapClass:'cabinet',
fini:false,
able:false,
init:function(){
this.fini=true;
},
stylize:function(elem){
if(!this.fini){this.init();};
if(!this.able){return;};
elem.parentNode.file=elem;
elem.parentNode.onmousemove=function(e){
if(typeof e=='undefined') e=window.event;
if(typeof e.pageY=='undefined' && typeof e.clientX=='number' && document.documentElement){
e.pageX=e.clientX+document.documentElement.scrollLeft;
e.pageY=e.clientY+document.documentElement.scrollTop;
};
var ox=oy=0;
var elem=this;
if(elem.offsetParent){
ox=elem.offsetLeft;
oy=elem.offsetTop;
while(elem=elem.offsetParent){
ox+=elem.offsetLeft;
oy+=elem.offsetTop;
};
};
};
},
stylizeAll:function(){
if(!this.fini){this.init();};
if(!this.able){return;};
}
};
//]]>
</script>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2793189328068995666&zx=a39885c5-5f6f-43b6-bb65-2cbbe80ff809' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2793189328068995666&zx=a39885c5-5f6f-43b6-bb65-2cbbe80ff809' rel='stylesheet'/></noscript>
</head>
***
ขั้นตอนที่3 โค้ดสีแดงนี้วางใน Gadget
ไปที่Gadget>> HTML(จาวาสคริปส์)>>วางโค้ด >>บันทึก
<!--/WebblogDDslider3 begin-->
<div id='WebblogDDslider'>
<div class='wrap1'>
<div id='slide-holder'>
<div id='slide-runner'>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-1' src='https://themes.googleusercontent.com/image?id=13FoiH-u4YRLfgveSr43LroHkiXjYFA6nOAGtJH5OEeSwpar5rCFHPiSqbw9RN_bWLwZx' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-2' src='https://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMYzZhYjNiMzEtMTFmMi00YzdkLWI4MGItNmYxNzY1MWFiNWVj' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-3' src='https://themes.googleusercontent.com/image?id=1y3eC27Cm0mN0_e7VLIgP2tag83UvSEgzr_ch5SdlnYnJ8-bJInLqSW9UNf6_1HlJb2N3' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-4' src='https://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMODRmMmQwZjQtZjY5Zi00YzMzLWEyMWYtYTZiMWRkZGY3YmEz' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-5' src='https://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMOWRhNDdjMjMtYWJkMi00ZmQwLTg3OGEtYjhmMWMxZGQzNmNm' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-6' src='https://themes.googleusercontent.com/image?id=16p0DhIQDIoTZOUyiLjbBSajoCvlXtai8rSbZiLnXfEwdwTFgFVIeDYQBf3S_b5BpMAfo' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-7' src='https://themes.googleusercontent.com/image?id=1-CAbHwP0L30Tf3buxcdopFoEUHyvMWzwrZ4s0ajgNSX7ImsZaqyJsoR77Td0zZGfvKJn' width='100%'/></a>
<div id='slide-controls'>
<p class='text' id='slide-client'><strong>product : </strong><span/></span></p>
<p class='text' id='slide-desc'/>
<p id='slide-nav'/>
</p></p></div>
</div>
</div>
<script type='text/javascript'>
if(!window.slider) var slider={};
slider.data=[
{"id":"slide-img-1","client":"Name1","desc":"description"},
{"id":"slide-img-2","client":"Name2","desc":"description"},
{"id":"slide-img-3","client":"Name3","desc":"description"},
{"id":"slide-img-4","client":"Name4","desc":"description"},
{"id":"slide-img-5","client":"Name5","desc":"description"},
{"id":"slide-img-6","client":"Name6","desc":"description"},
{"id":"slide-img-7","client":"Name7","desc":"description"}
];
</script>
</div></div>
<!--/WebblogDDslider3 end-->
/*jQuery beatiful Slider EDIT by Pongwoot(1) */
div.wrap1{
width : 99%;
margin : 0 auto;
text-align : left;
}
div.wrap1 a{color:#ffffff;}
div#top div#nav{
float : left;
clear : both;
width : 99%;
height : 0px;
margin : 0px 0 0;
background:url(#) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
width:98%;
height:5px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:5px;
}
div#nav ul li a{
border:0;
height:5px;
display:block;
line-height:5px;
text-indent:-9999px;
}
div#WebblogDDslider{
margin:-1px 0 0;
}
div#video-header1{
height:683px;
margin:-1px 0 0;
}
div#WebblogDDslider div.wrap1{
height:289px;
background:#848484;
}
div#WebblogDDslider div#slide-holder{
z-index : 40;
width : 99%;
height : 289px;
position : absolute;
}
div#WebblogDDslider div#slide-holder div#slide-runner{
top : 9px;
left : 9px;
width : 98%;
height : 288px;
overflow : hidden;
position : absolute;
}
div#WebblogDDslider div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#WebblogDDslider div#slide-holder div#slide-controls{
left : 0;
bottom : 228px;
width : 98%;
height : 46px;
display : none;
position : absolute;
background:url(#) 0 0;
}
div#WebblogDDslider div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:12px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#WebblogDDslider div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#WebblogDDslider div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:14px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#WebblogDDslider div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#WebblogDDslider div#slide-holder div#slide-controls p#slide-nav a{background-image:url(http://upic.me/i/qa/sildenav.png);}
div#nav ul li a{background:url(#) no-repeat;}
/* --------------WebblogDDslider1 end------------ */
]]></b:skin>
***
ขั้นตอนที่2 วางโค้ดสีแดงข้างล่างนี้ วางก่อนหน้า </head>
<script type='text/javascript'>var _siteRoot='index.html',_root='index.html';</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
window.onerror=function(desc,page,line,chr){
/* alert('JavaScript error occurred! \n'
+'\nError description: \t'+desc
+'\nPage address: \t'+page
+'\nLine number: \t'+line
);*/
}
$(function(){
$('a').focus(function(){this.blur();});
SI.Files.stylizeAll();
slider.init();
$('input.text-default').each(function(){
$(this).attr('default',$(this).val());
}).focus(function(){
if($(this).val()==$(this).attr('default'))
$(this).val('');
}).blur(function(){
if($(this).val()=='')
$(this).val($(this).attr('default'));
});
$('input.text,textarea.text').focus(function(){
$(this).addClass('textfocus');
}).blur(function(){
$(this).removeClass('textfocus');
});
var popopenobj=0,popopenaobj=null;
$('a.popup').click(function(){
var pid=$(this).attr('rel').split('|')[0],_os=parseInt($(this).attr('rel').split('|')[1]);
var pobj=$('#'+pid);
if(!pobj.length)
return false;
if(typeof popopenobj=='object' && popopenobj.attr('id')!=pid){
popopenobj.hide(50);
$(popopenaobj).parent().removeClass(popopenobj.attr('id').split('-')[1]+'-open');
popopenobj=null;
}
return false;
});
$('p.images img').click(function(){
var newbg=$(this).attr('src').split('bg/bg')[1].split('-thumb')[0];
$(document.body).css('backgroundImage','url('+_siteRoot+'images/bg/bg'+newbg+'.jpg)');
$(this).parent().find('img').removeClass('on');
$(this).addClass('on');
return false;
});
$(window).load(function(){
$.each(css_ims,function(){(new Image()).src=_siteRoot+'css/images/'+this;});
$.each(css_cims,function(){
var css_im=this;
$.each(['blue','purple','pink','red','grey','green','yellow','orange'],function(){
(new Image()).src=_siteRoot+'css/'+this+'/'+css_im;
});
});
});
$('div.sc-large div.img:has(div.tml)').each(function(){
$('div.tml',this).hide();
$(this).append('<a href="#" class="tml_open"> </a>').find('a').css({
left:parseInt($(this).offset().left)+864,top:parseInt($(this).offset().top)+1
}).click(function(){
$(this).siblings('div.tml').slideToggle();
return false;
}).focus(function(){this.blur();});
});
});
var slider={
num:-1,
cur:0,
cr:[],
al:null,
at:10*1000,
ar:true,
init:function(){
if(!slider.data || !slider.data.length)
return false;
var d=slider.data;
slider.num=d.length;
var pos=Math.floor(Math.random()*1);//slider.num);
for(var i=0;i<slider.num;i++){
$('#'+d[i].id).css({left:((i-pos)*1000)});
$('#slide-nav').append('<a id="slide-link-'+i+'" href="#" onclick="slider.slide('+i+');return false;" onfocus="this.blur();">'+(i+1)+'</a>');
}
$('img,div#slide-controls',$('div#slide-holder')).fadeIn();
slider.text(d[pos]);
slider.on(pos);
slider.cur=pos;
window.setTimeout('slider.auto();',slider.at);
},
auto:function(){
if(!slider.ar)
return false;
var next=slider.cur+1;
if(next>=slider.num) next=0;
slider.slide(next);
},
slide:function(pos){
if(pos<0 || pos>=slider.num || pos==slider.cur)
return;
window.clearTimeout(slider.al);
slider.al=window.setTimeout('slider.auto();',slider.at);
var d=slider.data;
for(var i=0;i<slider.num;i++)
$('#'+d[i].id).stop().animate({left:((i-pos)*1000)},1000,'swing');
slider.on(pos);
slider.text(d[pos]);
slider.cur=pos;
},
on:function(pos){
$('#slide-nav a').removeClass('on');
$('#slide-nav a#slide-link-'+pos).addClass('on');
},
text:function(di){
slider.cr['a']=di.client;
slider.cr['b']=di.desc;
slider.ticker('#slide-client span',di.client,0,'a');
slider.ticker('#slide-desc',di.desc,0,'b');
},
ticker:function(el,text,pos,unique){
if(slider.cr[unique]!=text)
return false;
ctext=text.substring(0,pos)+(pos%2?'-':'_');
$(el).html(ctext);
if(pos==text.length)
$(el).html(text);
else
window.setTimeout('slider.ticker("'+el+'","'+text+'",'+(pos+1)+',"'+unique+'");',30);
}
};
// STYLING FILE INPUTS 1.0 | Shaun Inman <http://www.shauninman.com/> | 2007-09-07
if(!window.SI){var SI={};};
SI.Files={
htmlClass:'SI-FILES-STYLIZED',
fileClass:'file',
wrapClass:'cabinet',
fini:false,
able:false,
init:function(){
this.fini=true;
},
stylize:function(elem){
if(!this.fini){this.init();};
if(!this.able){return;};
elem.parentNode.file=elem;
elem.parentNode.onmousemove=function(e){
if(typeof e=='undefined') e=window.event;
if(typeof e.pageY=='undefined' && typeof e.clientX=='number' && document.documentElement){
e.pageX=e.clientX+document.documentElement.scrollLeft;
e.pageY=e.clientY+document.documentElement.scrollTop;
};
var ox=oy=0;
var elem=this;
if(elem.offsetParent){
ox=elem.offsetLeft;
oy=elem.offsetTop;
while(elem=elem.offsetParent){
ox+=elem.offsetLeft;
oy+=elem.offsetTop;
};
};
};
},
stylizeAll:function(){
if(!this.fini){this.init();};
if(!this.able){return;};
}
};
//]]>
</script>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2793189328068995666&zx=a39885c5-5f6f-43b6-bb65-2cbbe80ff809' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2793189328068995666&zx=a39885c5-5f6f-43b6-bb65-2cbbe80ff809' rel='stylesheet'/></noscript>
</head>
***
ขั้นตอนที่3 โค้ดสีแดงนี้วางใน Gadget
ไปที่Gadget>> HTML(จาวาสคริปส์)>>วางโค้ด >>บันทึก
<!--/WebblogDDslider3 begin-->
<div id='WebblogDDslider'>
<div class='wrap1'>
<div id='slide-holder'>
<div id='slide-runner'>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-1' src='https://themes.googleusercontent.com/image?id=13FoiH-u4YRLfgveSr43LroHkiXjYFA6nOAGtJH5OEeSwpar5rCFHPiSqbw9RN_bWLwZx' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-2' src='https://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMYzZhYjNiMzEtMTFmMi00YzdkLWI4MGItNmYxNzY1MWFiNWVj' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-3' src='https://themes.googleusercontent.com/image?id=1y3eC27Cm0mN0_e7VLIgP2tag83UvSEgzr_ch5SdlnYnJ8-bJInLqSW9UNf6_1HlJb2N3' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-4' src='https://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMODRmMmQwZjQtZjY5Zi00YzMzLWEyMWYtYTZiMWRkZGY3YmEz' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-5' src='https://themes.googleusercontent.com/image?id=0BwVBOzw_-hbMOWRhNDdjMjMtYWJkMi00ZmQwLTg3OGEtYjhmMWMxZGQzNmNm' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-6' src='https://themes.googleusercontent.com/image?id=16p0DhIQDIoTZOUyiLjbBSajoCvlXtai8rSbZiLnXfEwdwTFgFVIeDYQBf3S_b5BpMAfo' width='100%'/></a>
<a href='#'><img alt='' class='slide' height='288' id='slide-img-7' src='https://themes.googleusercontent.com/image?id=1-CAbHwP0L30Tf3buxcdopFoEUHyvMWzwrZ4s0ajgNSX7ImsZaqyJsoR77Td0zZGfvKJn' width='100%'/></a>
<div id='slide-controls'>
<p class='text' id='slide-client'><strong>product : </strong><span/></span></p>
<p class='text' id='slide-desc'/>
<p id='slide-nav'/>
</p></p></div>
</div>
</div>
<script type='text/javascript'>
if(!window.slider) var slider={};
slider.data=[
{"id":"slide-img-1","client":"Name1","desc":"description"},
{"id":"slide-img-2","client":"Name2","desc":"description"},
{"id":"slide-img-3","client":"Name3","desc":"description"},
{"id":"slide-img-4","client":"Name4","desc":"description"},
{"id":"slide-img-5","client":"Name5","desc":"description"},
{"id":"slide-img-6","client":"Name6","desc":"description"},
{"id":"slide-img-7","client":"Name7","desc":"description"}
];
</script>
</div></div>
<!--/WebblogDDslider3 end-->
บทความ
แสดงความคิดเห็น
0 ความคิดเห็น