메인 공지사항 기능소개 매뉴얼     TEST BOARD : [1]  [2]  [3]  [4]  [5]
내용없음9
내용없음10
      APPLICATION
무료 스킨.모듈

유료 스킨.모듈

활용 홈페이지

활용팁 공유

자료 공유

유틸리티

웹 스터디
제작자 리소스

최근 활용팁 공유 RANK
신홍
3
작은소망
1
        -- update:30Min --


이미지hover youtube동영상 배너입니다.
TechNote skin & module
테크노트 스킨 및 모듈 / freeware
테크노트 사용에 직접 연관된 자료는 이곳에 올려 주시기 바랍니다.
자료 등록시 300 포인트 적립됩니다.
     
  작성자 늑대소냐       등록자료(71)
  분 류 부분삽입
  첨부#1 movie_banner.zip (107KB) (Down:78)
  Link#1 board.php?board=tnshopmain2&command=shop (Down:609)
  Link#2 board.php?board=kkkmain&command=skin_insert&exe=insert_iboard1_home (Down:519)
ㆍ조회: 2417  ㆍ추천: 10       
ㆍ작성일: 2015/01/15 (목)
이미지hover youtube동영상 배너입니다.

이미지 hover  youtube동영상 배너입니다.
다음 메인에 배너 비슷하게 급히 만들어 달라해서 jquery slideUp slideDown 이벤트를 이용하여 아이프래임으로 재생하도록 만들어 보았습니다.
기능을 더 첨부하시려면 jquery 참고하셔서 멋지게 만들어 보세요.
 
설치는 압축파일을 풀어 빌더 폴더아래 올리시고 인쿠르드 하시면 됩니다.
<? include "$this_skin/load_banner.php";  ?>
 
만약 쇼핑몰에 쓰시려면 이미지 파일 놔두시고 load_banner.php만 쇼핑몰 폴더에 올리시고
경로 위치에 맞도록 인쿠루드 하시면 됩니다.
 
 
동영상 주소는 load_banner.php 상단에 보시면 유튜브 동영상 ID 넣는곳이 있으니 유튜브 동영상 주소 끝에 있는 아이디만 넣으시면 됩니다.
 
 
 
 
 
  
 
 
 
 
 
 
       
아이케
2015-01-15 18:52
선택된 답변입니다.
오오!! 소냐!
미리보기에 마우스 올리면 유튜브가 좀 늦게 뜹니다!
늑대소냐 넵~ 1/15 19:16
     
뮤지아
2015-01-15 19:14
선택된 답변입니다.
고맙습니다~~~~

오오 소냐~~
늑대소냐 넵~ 1/15 19:16
     
늑대소냐
2015-01-15 19:12
네~~~~`
동영상을 유튜브에서 가져오는것이라 약간 딜레이를 줬오요.
load_banner.php 파일에 보시면
.delay( 1000 )
.slideDown( 2000 )
.fadeIn( 1000 )
이런 이벤트가 있는데요.
첫번째는 마우스 오바후 딜레이타임
두번째는 펼쳐지는타임
세번째는 서서히 사라지는 타임 지정입니다.
요걸로 조정 하세요.
     
남도
2015-01-16 08:02
올해에도 변함없이 좋응 자료 감사드립니다
     
곰둘이
2015-01-19 15:53
<? $youtube_id = "N6iC1uL5N7Q";//유튜브 주소 맨뒤에 아이디만 적음?>


유투브 주소 http://youtu.be/mku6-Lx_MFc 라면

mku6-Lx_MFc <- 이게 아디인가요??

<? $youtube_id = "youtu.be/mku6-Lx_MFc ";//?>

이렇게도 해 보고 저렇게도 해 보고 ㅠㅠ
한나절 더해도 안되네요.

창은 뜨는데 영상재생이 안되네요.

파일올릴줄 몰라 그냥 소스복사해서 했는데

an error occurred please try again later 이게 뜨 물어보기 곤란해
검색하니 이어폰? 스피커설치여부 보래서 그도 아니고,,,

답변 좀 달아주세요~~~

유투브주소 아디가 어떤것인지?
그걸 어디에 넣는지,,,

감사합니다.
BuriBuri 유투브 컨텐츠 아이디라면
<? $youtube_id = "youtu.be/mku6-Lx_MFc ";//?>
해당id입력란에 유투브주소 마지막 표기인
mku6-Lx_MFc
표기만 적으라는 것입니다.
<? $youtube_id = "youtu.be/mku6-Lx_MFc ";//?> <--- X
<? $youtube_id = "mku6-Lx_MFc";//?>                <--- O
창은 뜨는데 재생이 안되는것이라면
해당 동영상이 정상재생되는 컨텐츠인지 부터 확인해보세요
1/21 11:43
곰둘이 BuriBuri  님 감사합니다.
그래도 아직 안 뜨고 잇어요 ㅎㅎ
이것저것 좀 더 해 보고,,, 코덱도 다시 설치 해볼께요.
감사합니다. 꾸벅,,,
1/23 17:38
     
스타일모아
2015-01-21 20:06
소냐님 옛날 포트폴리오에 갤러리가 있었던것 같은데 혹시 다운안되나요?
쪽지 함 주세용
     
스타일모아
2015-01-21 20:36
소냐님 사이트 여기에서  http://modang.techus.net/modang/board.php?board=eblog
갤러리형 다운은 어떻게 안되나요? 쪽지 함 주세요. 원하는 타입이 있는데 혼자서는 도저히 못만들겠네요 ㅠㅠ
     
곰둘이
2015-01-24 12:33
저 같은 초보분들 보시라 씁니다.

소스에서

<? $youtube_id = "N6iC1uL5N7Q";//유튜브 주소 맨뒤에 아이디만 적음?>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <!-- -->

저기에 주소너면 안되고요

아래쪽보시면
<input type="text" id="videoUrl" name="videoUrl" value="<?=$youtube_id?>" style="display:none">
이런게 있어요.

value="<?=$youtube_id?>" 의 ""안에거 지우고 유투브아디 너면 되네요 ㅎㅎ


value="유투브아디"

소냐님 감사합니다. 잘 쓸께요!~
     
  0
3500
FILE #1 .
FILE #2 .
FILE #3 .
FILE #4 .
FILE #5 .
FILE #6 .
FILE #7 .
FILE #8 .
FILE #9 .
FILE #10 .
번호     글 제 목  작성자 작성일
460 홈,빌더 컨텐츠몰 모바일(UTF8) [2]+2 별미일체 2017-04-20
459 홈,빌더 모바일 추천점수(-10~10) iwindow 수정 [2] 별미일체 2017-03-07
458 이미지 2017 근하신년 신년인사 캘리그라피자료 첨부 [6] 소망의힘 2016-12-28
457 확장스킨 유튜브검색 유튜브 등록게시판 [3]+4 늑대소냐 2016-07-06
456 확장스킨 자산관리스킨 v1.01 [2] 화랑 2016-05-27
455 홈,빌더 자산관리게시판 [1] 화랑 2016-05-25
454 부분삽입 구글지도 쉽게 사이트에 넣기.. 코딩 불필요 [3] 모두모두 2016-05-08
453 부분삽입 g빌더용 슬라이드 갤러리 최근 게시물 [7]+6 늑대소냐 2016-01-02
452 외부연동 모바일에서 SNS연동하기 [6]+3 별미일체 2015-12-01
451 이미지 백그라운드 슬라이드 [7]+4 늑대소냐 2015-04-11
450 쇼핑몰 상품 슬라이드 (쇼핑몰과 일반홈페이지 적용) [8] 늑대소냐 2015-03-18
449 쇼핑몰 쇼핑몰 상품이미지 미리보기 입니다. [8] 늑대소냐 2015-02-24
448 확장스킨 테크노트 카렌다 ( 음력,기념일추가) [22]+12 늑대소냐 2015-01-26
447 부분삽입 이미지hover youtube동영상 배너입니다. [8]+4 늑대소냐 2015-01-15
446 확장스킨 인기검색어 순위변동 최근 게시물입니다. [4] 늑대소냐 2015-01-01
445 부분삽입 jquery 쿠키를 이용한 홈페이지 상단 공지창 [13]+7 늑대소냐 2014-12-30
12345678910,,,29