fancybox 내용 표시 도움부탁드립니다

fancybox 내용 표시 도움부탁드립니다

QA

fancybox 내용 표시 도움부탁드립니다

본문

https://sir.kr/g5_skin/5988?sfl=wr_subject%7C%7Cwr_content&stx=fancy


저기에 올려주신 스킨을 적용시켜서 쓰고 있는데

이미지가 떴을 때 이미지 테두리 부분에 게시글 제목이나 내용이 한 줄 나타나게 하고싶은데

어떻게 해야할지 몰라 질문 드립니다..


첨부파일1로하면 썸네일,

첨부파일2는 클릭하면 뜨는 이미지로 설정되게 아래 코드로 쓰고 있습니다.


도움 부탁드립니다!



    <ul id="gall_ul">
        <?php for ($i=0; $i<count($list); $i++) {
            if($i>0 && ($i % $bo_gallery_cols == 0))
                $style = 'clear:both;';
            else
                $style = '';
            if ($i == 0) $k = 0;
            $k += 1;
            if ($k % $bo_gallery_cols == 0) $style .= "margin:0 !important;";
         ?>
        <li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>" style="<?php echo $style ?>width:232px;">
            <?php if ($is_checkbox) { ?>
            <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
            <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
            <?php } ?>
            <span class="sound_only">
                <?php
                if ($wr_id == $list[$i]['wr_id'])
                    echo "<span class=\"bo_current\">열람중</span>";
                else
                    echo $list[$i]['num'];
                 ?>
            </span>
            <ul class="gall_con">
                <li class="gall_href">
                <?
     $file = get_file($bo_table, $list[$i]['wr_id']);
                 $file_path = $file[0]['path']."/".$file[1]['file'];
                ?>
                    <a class="fancybox" rel="group" href="<?=$file_path?>">
      <?
                        $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], "232px", $board['bo_gallery_height']);
                        if($thumb['src']) {
                            $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="232px" height="'.$board['bo_gallery_height'].'" style="">';
                        } else {
                            $img_content = '<span style="width:'.$board['bo_gallery_width'].'px;height:'.$board['bo_gallery_height'].'px">no image</span>';
                        }
                        echo $img_content;
                    
                     ?>
                    </a>
                </li>
                <li class="gall_text_href" style="width:<?php echo $board['bo_gallery_width'] ?>px">
                    <?php
                    // echo $list[$i]['icon_reply']; 갤러리는 reply 를 사용 안 할 것 같습니다. - 지운아빠 2013-03-04
                    if ($is_category && $list[$i]['ca_name']) {
                     ?>
                    <a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
                    <?php } ?>

                </li>
            </ul>
        </li>
        <?php } ?>
        <?php if (count($list) == 0) { echo "<li class=\"empty_list\">게시물이 없습니다.</li>"; } ?>
    </ul>

이 질문에 댓글 쓰기 :

답변 1

30라인에 보시면 


<a class="fancybox" rel="group" href="<?=$file_path?>">

부분에 타이틀을 추가 하십니다 



<a class="fancybox" rel="group" href="<?=$file_path?>" title="<?php echo $list[$i]['wr_subject']?>"> 



그리고 스킨 제일 하단에 보시면 

스크립트중에 


jQuery(".fancybox").fancybox(); 

부분이 있는데 

이것을 

jQuery(".fancybox").fancybox({ helpers : {

title: {

type: 'outside'

}

}

});


나 

jQuery(".fancybox").fancybox({ helpers : {

title: {

type: 'inside',

            position: 'top'

}

}

}); 


로 교체하시면 나타나는 위치가 다르게 나옵니다.





답변을 작성하시기 전에 로그인 해주세요.
전체 123,919 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT