ต่อไป »

[Xian]

ทำใน Localhost นะครับ

อันนี้คือตอนปรกติครับ



พอผมลองทำในโฟลเดอร์แล้ว มันเป็นแบบนี้ครับ มีช่องว่างๆ กั้นอยู่อันนึง ตรงมุมซ้าย ภาพแรก



ลองใช้  Firebug



ผมลองลบส่วนนี้ไป

<div style="opacity: 1; width: 102px; height: 38px; background: url(&quot;&quot;) no-repeat scroll center top transparent; visibility: visible;" class="s6_itembar opaque">
            </div>

ปรากฎว่ามันหายครับ 

คำถาม : ผมไม่รู้ว่า จะต้องไปลบไฟล์ไหน ใน Localhost ผมหาไม่เจอครับ  ใช่ slideshow6.css หรือเปล่า  ลองหาแล้ว แต่ไม่รู้ว่าอยู่ตรงไหนครับ

ผมอาจจะใช้คำในการตั้งคำถามไม่ถูก  ช่วยแนะนำหน่อยครับ

[Xian]

ไฟล์ slideshow6.css อยู่ใน modules / mod_jv_headline/asset/css 
แต่ผมไม่รู้ต้องลบบรรทัดไหน ลองเอามาให้ดูครับ

โค๊ด:

.jv_lslide6_wrap{
	float:left;	
}
.jv_rslide_wrap{
	float:left;
	margin-left:10px;
	height:100%;
}
.jv_lslide6_wrap .slide_img_wrap{
	width:100%;
	position:relative;
	overflow:hidden;
}
.slide_img_wrap .slide_img{
	width:100%;
	overflow:hidden;
	position:absolute;
}
.slide6_itembar_wrap{
	padding: 10px;
	overflow: hidden;
	background: #E0D9B9;
}
.s6bar_container{
	padding: 10px;
	display: block;
	overflow: hidden;
	background: #D7CEA5;
}
.s6bar_container .s6_itembar{
	float:left;	
	margin-right:15px;
	cursor:pointer;
}
.des_item_container{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
.descript_item{
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
}
.descript_item h3{
	font-family:Arial;
	color:#000000;
	line-height:30px;
	margin:0;
}
.descript_item p {
	margin:0.5em 0
}
.opaque {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
	filter: alpha(opacity=50);
}
.opaque1 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
	filter: alpha(opacity=0);
}
.descript_item h3.title{
	margin:0 !important;
}
.jv_lslide6_wrap .loading{
	background: url(../images/loading.gif) no-repeat center center;
}
.jv_slide6_wrap {
	overflow:hidden;
}
.jv_slideshow6_wrap {
	overflow:hidden;
}
.s6_itembar_pre,
.s6_itembar_next{
	display: block;
	cursor: pointer;
	position: absolute;
	z-index: 99;
	width: 100px;
}
.s6_itembar_pre{
	left: 0;
	background:url(../images/slide6/fleche1.png) no-repeat left center;
}
.s6_itembar_next{
	right: 0;
	background:url(../images/slide6/fleche2.png) no-repeat right center;
}

[ong134]

เหมือนจะเรียก div มาเกินนะครับ


<div style="opacity: 1; width: 102px; height: 38px; background: url("") no-repeat scroll center top transparent; visibility: visible;" class="s6_itembar opaque">
            </div>

เพราะตรง url ไม่ได้เรียกรูปอะไรเลย

ถูกรึเปล่าหว่า

 

[Xian]

ใช่ครับ แล้วต้องทำยังไงดี ลบตรงไหนครับ

[TonHaDy]

ไม่ทราบว่ารูปวกนั้น manual ใส่เป็น div ละรูป แล้วใส่เกินหรือป่าว หรือว่า javascript กำหนดจำนวนเกินมันเลยสร้าง div นี้พร้อม inline มาให้ด้วย

[kiraoji]

รูปมาเกิน 

  น่าจะแก้ที่ไฟล์ .js  จำกัดจำนวนมันไว้

[solutioncom]

module ตัวนี้ดึงมากจาก com_content หรือว่า ดึงมาจาก component ไหนครับ
เพราะน่าจะเกิดจากการสร้างข้อมูลรูปภาพ อาจจะมีการสร้างเกินมาโดยที่ไม่ได้ใส่รูปไว้ ทำให้ค่าที่ได้มีค่าว่างหนึ่งอัน ครับ
อันนี้แค่วิเคราะห์แบบง่ายๆนะครับไม่รู้จะช่วยได้รึป่าว
 

[jomynn]

ต้องไป fix ความสูง และความกว้าง
เพิ่ม overflow: hidden;

[Xian]

ต้องไป fix ความสูง และความกว้าง
เพิ่ม overflow: hidden;

ผมไม่ต้องการให้ออกมาเป็น 2 แถวครับ แต่อยากให้เป็นแค่แถวเดียว 8 รูป  ตามแบบของมัน

module ตัวนี้ดึงมากจาก com_content หรือว่า ดึงมาจาก component ไหนครับ
เพราะน่าจะเกิดจากการสร้างข้อมูลรูปภาพ อาจจะมีการสร้างเกินมาโดยที่ไม่ได้ใส่รูปไว้ ทำให้ค่าที่ได้มีค่าว่างหนึ่งอัน ครับ
อันนี้แค่วิเคราะห์แบบง่ายๆนะครับไม่รู้จะช่วยได้รึป่าว
 

ช่วยได้เยอะเลยครับ แต่มันเป็น Module "mod_jv_headline" คาดว่าไม่เป็น Component ครั�

รูปมาเกิน 

  น่าจะแก้ที่ไฟล์ .js  จำกัดจำนวนมันไว้

ไฟล์ .js อยู่ตรงไหนครับ