채택완료

bx슬라이드 모바일 터치 질문드리겠습니다.

2018-05-09 (수) 15:58:57 5,484

안녕하세요 

bx슬라이드를 사용중인데요.

이상하게 컴퓨터에서는 a태그가 잘먹힙니다

그런데 이상하게 핸드폰에서는 bx슬라이드 a링크가 안먹힙니다 왜그러는걸까요 ㅠㅠ?

주소는 댓글에 적어두겠습니다 ㅠㅠ

|

답변 3개 / 댓글 7개

채택된 답변
+20 포인트

https://sir.kr/qa/242524?sfl=mb_id%2C2&stx=kshajiny#answer_242636

지난번에 답변 드린 것 같은데...

a태그 영역이 안잡혀서 그런것 같습니다

a태그에 display: block 함 줘보세요.

답변에 대한 댓글 7개

2018-05-09 (수) 16:55:51
$banner .= '<a href="'.G5_SHOP_URL.'/bannerhit.php?bn_id='.$row['bn_id'].'"'.$bn_new_win.' display: block>';


이렇게 넣어도 a태그에 아무반응이없습니다 ㅠㅠ
2018-05-09 (수) 16:56:25
<ul class="bxslider">
<?php
for ($i=0; $row=sql_fetch_array($result); $i++)
{



echo '<li>';
if ($i==0)
$bimg = G5_DATA_PATH.'/banner/'.$row['bn_id'];
if (file_exists($bimg))
{
$banner = '';
$size = getimagesize($bimg);

if ($row['bn_url'][0] == '#')
$banner .= '<a href="'.$row['bn_url'].'">';
else if ($row['bn_url'] && $row['bn_url'] != '') {
$banner .= '<a href="'.G5_SHOP_URL.'/bannerhit.php?bn_id='.$row['bn_id'].'"'.$bn_new_win.' display: block>';
}
echo $banner.'<img src="'.G5_DATA_URL.'/banner/'.$row['bn_id'].'" alt="'.$row['bn_alt'].$size[1].'"'.$bn_border.'>';

echo '</a>';


}
}

if ($i>0) {
?>

<?php } //end if $i ?>

</ul>


전체소스입니다.
display: block 은
css에 주셔야 합니다...
2018-05-09 (수) 17:00:03
네 css에 줘도 달라지지 않네요 ㅠㅠ


<style>
.bxslider ul li a {display: block}

</style>
<ul class="bxslider">
<?php
for ($i=0; $row=sql_fetch_array($result); $i++)
{



echo '<li>';
if ($i==0)
$bimg = G5_DATA_PATH.'/banner/'.$row['bn_id'];
if (file_exists($bimg))
{
$banner = '';
$size = getimagesize($bimg);

if ($row['bn_url'][0] == '#')
$banner .= '<a href="'.$row['bn_url'].'">';
else if ($row['bn_url'] && $row['bn_url'] != '') {
$banner .= '<a href="'.G5_SHOP_URL.'/bannerhit.php?bn_id='.$row['bn_id'].'"'.$bn_new_win.'>';
}
echo $banner.'<img src="'.G5_DATA_URL.'/banner/'.$row['bn_id'].'" alt="'.$row['bn_alt'].$size[1].'"'.$bn_border.'>';

echo '</a>';


}
}

if ($i>0) {
?>

<?php } //end if $i ?>

</ul>
그러면 ul.bxslider에
overflow: hidden; 을 주시면 어떤가요?
2018-05-09 (수) 17:07:02
<style>
ul.bxslider a {display: block}
ul.bxslider {overflow: hidden;}
</style>

이렇게 줘도 안돼네요 ㅠㅠ
제이쿼리 슬라이드를 다른걸로바꿔야 할까요 ㅠ?
bxslider로 안될리가 없는데 이상하네요 ㅠ ㅠ
2020-10-30 (금) 16:49:09

해결하셨나요???.....저도 같은 문제라서....ㅜㅜ어떻게 해야할지....

답변을 작성하려면 로그인이 필요합니다.