예원살앙

이윰빌더의 최근게시물 사용시 노이미지란에 랜덤이미지 돌리기

Capture.JPG

빌더관련 팁이지만 많은 웹진형 최근게시물에 응용될 수 있습니다.

 

../eyoom/user_program/head.php

 

//랜덤숫자 뽑아내서 변수로 넘김

 function rand_i($total) {
            srand((double)microtime()*1000000); 
            $rand_r=rand(1,$total);   
            return $rand_r;
            }

 

해당테마의 최신글 스킨/latest.skin.html

<!--{? .image}-->
<img class="img-responsive" src="{.image}"> //원글의 이미지 썸네일
 <!--{:}-->
<img class="img-responsive" src="../../latest/{=rand_i(30)}.jpg"> //위 랜덤넘버로 랜덤이미지 출력
<!--{/}-->

 

요까지 수정후에 latest 스킨 폴더에 1.jpg ~30.jpg 의 이미지를 넣어두면 됩니다.

 

CSS에

.webzine-latest .img-no_image {position:absolute;top:8px;right:8px;display:inline-block;min-width:35px;padding:0px 

요렇게 넣고

 

<span class="img-no_image">no image</span>

요렇게 랜덤이미지 위에 올리면 캡션까지 보여지게 됩니다.

첨부파일

Capture.JPG (10 KB)
1회 2018-02-05 16:17
|

댓글 3개

좋은팁 감사합니다.
감사합니다~~
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
7년 전 조회 5,053
7년 전 조회 5,782
7년 전 조회 1.9만
7년 전 조회 6,355
7년 전 조회 4,806
7년 전 조회 9,493
7년 전 조회 1.1만
7년 전 조회 4,019
7년 전 조회 5,718
7년 전 조회 9,038
7년 전 조회 4,272
7년 전 조회 8,396
7년 전 조회 6,656
7년 전 조회 5,193
7년 전 조회 4,551
7년 전 조회 7,772
8년 전 조회 7,940
8년 전 조회 4,989
8년 전 조회 5,814
8년 전 조회 4,465
8년 전 조회 4,850
8년 전 조회 8,586
8년 전 조회 5,440
8년 전 조회 7,553
8년 전 조회 3,991
8년 전 조회 9,456
8년 전 조회 4,259
8년 전 조회 3.6만
8년 전 조회 6,264
8년 전 조회 4,202