묻고답하기
메인이미지에 링크를 걸려면 어떻하나요?? 꼭 좀 도와주세요!!
2017.12.13 01:28
안녕하세요! 저희가 홈페이지 리뉴얼을 하고 있는 중인데
메인이미지 화면에 링크를 걸어서 게시판으로 연결할 수 있을까요??
정보보호때문에 캡처가 안되서 글만 쓰게 되었구요 ㅠ
현재 슬라이더 형식으로 3개의 배경 화면을 쓰고 있고
각 슬라이더별로 이미지를 클릭했을 때 해당 이미지와 관련된 게시판으로
넘어가도록 링크를 걸고 싶습니다.
관리자메뉴에서는 이미지 업로드 하는 메뉴 하부메뉴로
버튼링크라는 메뉴가 있는데
이미지 우측에 작게 Read More 이라고 뜨는데
잘 보이지도 않고 작아서
이미지 자체를 어디를 누르더라도 링크로 연결이 되도록 하고 싶습니다!
고수분들의 답변 부탁드립니다!!
감사합니다^^
댓글 6
-
답변 감사합니다!! 제가 html을 잘 몰라서 글로만 써서 올렸는데 첨부파일로 html을 올릴테니
봐주시면 정말정말 감사하겠습니다!!!^^
-
에구 죄송합니다.
슬라이드 부분의 html을 따로 정리해 주셨으면 모를까...
저 파일에서 어느 부분을 슬라이드로 사용하고 있으신지 알수가 없어서..
-
죄송합니다 ㅠ 저도 html을 잘 몰라서 급한 마음에 모두를 올려버렸내요.. ㅎ
제가 열심히 검색해서 슬라이드 부분이라고 생각되는 부분을 다시 올렸습니다!!!
한번 봐주시면 정말 감사하겠습니다!!!
-
html을 보니
<div class="item active">
<a href="{$layout_info->ts_link1}">
<div class="teaser-box conceptBgcolor">
<i class="fa {$layout_info->ts_fa1} fa-3x pull-left"></i>
<h4>{$layout_info->ts_title1}</h4>
<p>{$layout_info->ts_cont1}</p>
</div></a>
<div class="carousel-caption"></div>
</div>
<div class="item">
<a href="{$layout_info->ts_link2}">
<div class="teaser-box conceptBgcolor">
<i class="fa {$layout_info->ts_fa2} fa-3x pull-left"></i>
<h4>{$layout_info->ts_title2}</h4>
<p>{$layout_info->ts_cont2}</p>
</div></a>
<div class="carousel-caption"></div>
</div>
<div class="item">
<a href="{$layout_info->ts_link3}">
<div class="teaser-box conceptBgcolor">
<i class="fa {$layout_info->ts_fa3} fa-3x pull-left"></i>
<h4>{$layout_info->ts_title3}</h4>
<p>{$layout_info->ts_cont3}</p>
</div></a>
<div class="carousel-caption"></div>
</div>
이게 아닌가 싶은데 이걸 기준으로 한다면 링크가 각 슬라이드의 타이틀과 텍스트를 다 감싸고 있는 구조인데...
충분히 링크의 공간이 잡혀 있을겁니다.
그래도 부족하다면 각 <a href=" 로 시작되는 부분을 <a style="position:absolute;left:0;right:0;top:0;bottom:0;" href=" 이런형태로 한번 바꿔보십시오. 이게 다른 부분에 영향을 안줘야 할건데 ^^&
-
제가 아직 부족해서 해결은 못했지만 친절하게 답변 계속 해주셔서 정말정말 감사합니다 ^^
댓글 주신거 참고해서 수정해보도록 할께요!
그럼 좋은 하루되세요~
이건 해당 슬라이드 부분의 html을 올리셔야 답변이 가능합니다.
슬라이드가 이미지로 노출되는 경우도 있고 배경이미지 처리되는 경우도 있어서
전체 면적에 링크를 걸려면 html을 봐야 답변이 가능할겁니다.