이거 혹시 아시는분 계시나요??
본문
네이버에 우측에 광고보면 배너에 마우스를 올려보세요~ 라고 나오고 마우스를 갔다대면 큰화면으로 영상이 보여지는거요...
플래쉬말고 다른거로 어떻게하나요?? 고수님들 소스좀 부탁드려요.. 이거를 뭐라해야되나 잘모르겠네요
캡쳐이미지 같이올려요~!!
답변 2
저는 저런 광고를 보지 못해서 직접 확인해 보지는 못하는데, 네이버면 플래시 일 것 같은데요?
플래시가 아니고 자스로 동영상을 연계 구동하는거라면, 간단하게 if else 로 하시면 되죠.
if 마우스 오버시, 플레이
else 스톱.
이런 식으로요.
$(function(){
$("video").hover(function(){ //마우스 오버시
$(this).animate({
width: "100%" //동영상 사이즈 키우고
}, 300 );
this.play(); //동영상을 플레이 해.
},function(){ //마우스 오버가 아니면/없으면
$(this).animate({
({
width: "50%" //동영상 사이즈 줄이고...
}, 300 );
this.pause() //동영상을 멈춰.
});
});
끝.
$(function(){
$("video").hover(function(){ //마우스 오버시
$(this).animate({
width: "100%" //동영상 사이즈 키우고
}, 300 );
this.play(); //동영상을 플레이 해.
},function(){ //마우스 오버가 아니면/없으면
$(this).animate({
({
width: "50%" //동영상 사이즈 줄이고...
}, 300 );
this.pause() //동영상을 멈춰.
});
});
이렇게하면요..
예를들어요...
제가 마우스 오버할 이미지에 뭐라고 넣어야되죠?
혹시 예제될만한거없을까요?? 넘어려워서 ㅠㅠ
jquery 는 짜드렸으니까, html 하고 css 는 본인이 작성하셔야죠. ㅠㅠㅠㅠ
예제 보여드릴려고 동영상 올리고, html 하고 css 까지 다 짜드릴려면.... 훔.... 시간이 많이 소비되는 관계로...
이 부분은 다음 분께 패스 할께요.
사실 이걸 디자이너 팁 게시판에 튜토리얼로 작성해보려고 생각한게 작년부터인데, 아직 시간이 없어서 못하고 있습니다.
감사합니다.제가한번해볼께요
답변을 작성하시기 전에 로그인 해주세요.
