list 썸네일 두개 넣는법, 체크박스 클릭시 게시글엔 이미지 나오게 하는법 알려주세요

1. 갤러리 게시판 list에 이미지를 두개가 나올 수 있도록 하려면 어떤식으로 해야할까요?

쇼핑몰처럼 자동으로 애니메이션처럼 넘어가거나 hover 시 이미지가 바뀔수 있도록 하고싶습니다.

이미지는 썸네일, 파일필드로 넣으려고 합니다.

2. 체크박스 클릭 시 체크박스에 각각 해당 이미지를 설정해

게시글에는 이미지로 띄울 수 있도록 하고싶습니다.

ex) ㅁ A ㅁ B ㅁ C

--> A,C선택시 게시글 

A로고이미지, C로고이미지

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    1. 썸네일을 두 개 이상 올리시려면 썸네일 필드보다

    파일 필드를 활용하여 썸네일을 출력하시는 게 간편하실 듯 합니다.

     

    아래 코드를 참고하여 사용중이신 스킨의 list.php 파일서

    위치하고자 하시는 곳에 삽입해보시겠어요?

    <?php foreach($content->getAttachmentList() as $key=>$attach): $extension = strtolower(pathinfo($attach[0], PATHINFO_EXTENSION));?>
    	<?php if(in_array($extension, array('gif','jpg','jpeg','png'))):?>
    		<img src="<?php echo site_url($attach[0])?>" alt="<?php echo $attach[1]?>">
    	<?php else: $download[$key] = $attach; endif?>
    <?php endforeach?>

     

    2. 체크박스를 이용하여 특정 이미지를 출력하고자 하신다면

    입력필드에서 체크박스를 추가하여 아래 코드를 적절히 수정하여 활용해보시겠어요?

    <?php if($content->option->{체크박스 메타키} == '{라벨명}'):?>
        <img src="<?php echo $skin_path?>/images/이미지" alt="">
    <?php endif?>

     

    체크박스 메타키와 라벨명은 입력필드에 활용된 실제 메타키와 라벨명을 입력해주세요.

    이미지는 사용중이신 스킨 폴더에 넣어주세요.

    체크박스의 값을 확인 후 이미지를 출력하실 수 있습니다.

    고맙습니다.

  • 안녕하세요

    1번 썸네일이 두개 들어가는것은 되었습니다.
    그러나 기본적으로 1번파일이 보이고 2번파일은 js슬라이드처럼 넘어가야 보이는형식은 어떤식으로 나뉘어야할까요?

    2. 체크박스 코드는 document.php 에 넣는건가요?
    Document.php에 넣어도 이미지로 나오질않습니다.


    친절한 답변 감사합니다.
  • 1. 마우스을 올렸을 때 슬라이드처럼 보이게 하려면

    css의 transfom 속성을 이용해보실 수 있습니다.

     

    transform 속성은 아래의 링크를 참고해보시겠어요?

    https://developer.mozilla.org/ko/docs/Web/CSS/transform

     

    2. 안내해드린 코드를 리스트에 출력하시고자 하신다면 list.php 파일에,

    글 내용에 출력하시고자 하신다면 document.php 파일 중

    원하시는 위치에 삽입하시면 됩니다.

     

    스킨 폴더에 이미지를 넣어두시고

    위 코드의 각 위치에 맞게 적절히 작성하셨는데도

    출력되지 않으시나요?

     

    작성하신 코드를 코드스니펫을 통해

    올려주시면 보다 정확한 안내가 가능합니다.

    고맙습니다.

  • 안녕하세요.
    2번 체크박스 선택시 이미지가 나오게 하는건 해결되었습니다.
    그러나 여러개를 선택하면 이미지가 안나오더라구요.
    해결 방안이 있을까요?
  • 체크박스 갯수만큼 이미지를 출력하고자 하시면

    안내해드린 코드를 아래처럼 여러개 사용하시면 됩니다.

    <?php if($content->option->{체크박스 메타키} == '{라벨명}'):?>
        <img src="<?php echo $skin_path?>/images/이미지" alt="">
    <?php endif?>
    <?php if($content->option->{체크박스 메타키} == '{라벨명}'):?>
        <img src="<?php echo $skin_path?>/images/이미지" alt="">
    <?php endif?>
    ...

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기