ปัญหาgalleryviewกาลารี่สไลด์โชว์คับ
คริปสไลด์โชด์จากเว็บ
http://spaceforaname.com/galleryview
ต้องการให้ตรง Overlay ข้อความและเเบ็ดกราวน์ด ให้มันเป็นเเนวตั้ง
ของเดิมมันเป็นเเนวนอนอะครับ (ดูรูป)
ผมลองไปเเก้ที่ css (เเนบ) รู้สึกมันไม่ได้
ไม่กระดิกเลยอะคับ พบว่ามันถูกกําหนดรูปเเบบไว้ที่ ไฟล์ .js (เเนบ)
รบกวนดูให้หน่อยคับ ต้องการทําเเถบ overlay เป็นเเบบเเนวตั้งเเบบในรูปนี้
โหลด code jquery.galleryview-1.1.js เเบบเต็มที่นี้คับ
http://code.google.com/p/hacku...ryview-1.1.js&can=2&q= และ code ผมย่อมา ไม่รู้ว่าใช่ตรงนีมั้ยนะครับ
j_panels.css({
'width':(opts.panel_width-parseInt(j_panels.css('paddingLeft').split('px')[0],10)-parseInt(j_panels.css('paddingRight').split('px')[0],10))+'px',
'height':(opts.panel_height-parseInt(j_panels.css('paddingTop').split('px')[0],10)-parseInt(j_panels.css('paddingBottom').split('px')[0],10))+'px',
'position':'absolute',
'top':(opts.filmstrip_position=='top'?(opts.frame_height+frame_margin_top+(opts.show_captions?frame_caption_size:frame_margin_top))+'px':'0px'),
'left':'0px',
'overflow':'hidden',
'background':'white',
'display':'none'
});
$('.panel-overlay',j_panels).css({
'position':'absolute',
'zIndex':'999',
'width':(opts.panel_width-20)+'px',
'height':opts.overlay_height+'px',
'top':(opts.overlay_position=='top'?'0':opts.panel_height-opts.overlay_height+'px'),
'left':'0',
'padding':'0 10px',
'color':opts.overlay_text_color,
'fontSize':opts.overlay_font_size
});
$('.panel-overlay a',j_panels).css({
'color':opts.overlay_text_color,
'textDecoration':'underline',
'fontWeight':'bold'
});
$('.overlay',j_panels).css({
'position':'absolute',
'zIndex':'998',
'width':opts.panel_width+'px',
'height':opts.overlay_height+'px',
'top':(opts.overlay_position=='top'?'0':opts.panel_height-opts.overlay_height+'px'),
'left':'0',
'background':opts.overlay_color,
'opacity':opts.overlay_opacity
});
$('.panel iframe',j_panels).css({
'width':opts.panel_width+'px',
'height':(opts.panel_height-opts.overlay_height)+'px',
'border':'0'
});
};