잉여인간 귀촌하다

잉여인간 귀촌하다
접속 : 3827 Lv. 47

Profile

Counter

오늘 : 63 명
전체 : 171632 명
Mypi Ver. 0.3.1 β

[이런 저런 이야기] 자바스크립트로 이미지 롤링 만드는거 의뢰비용이 궁금합니다 (15) 2014/07/19 PM 09:38

링크에 사이트 보시면요 상단에 큰이미지가 있구요

양옆에 화살표 누르면 이미지 바뀌고 이미지 아래쪽에 작은 사각형 버튼 누르면 또 이미지가 변하는

이런걸 자바스크립트로 만든다고 하더라구요

제가 이런 자바스크립트 소스가 필요해서 구해보려했는데 못구했습니다 ;;

그래서 이걸 만들어주는분께 의뢰를 하면 비용이 어느정도 나올까요?

혹시 제작 가능하신분 계시면 비용 드릴테니 제작좀 해주실분 계신가요?

이상한 친구신청

삭제
수정
2014/07/19 PM 09:46

JQuery이용하면 금방될건데...
대충 이런 느낌 같은데요...
http://vandelaydesign.com/jquery-image-galleries/
사실 JQuery 쓰는 방법 이나 이것저것 설명할려면 제작하시는 분 찾는게 좋을거예요...

바다위소나무 친구신청

삭제
수정
2014/07/19 PM 09:48

네 ㅜㅜ

Coiie 친구신청

삭제
수정
2014/07/19 PM 09:47

저런거 프레임 워크 찾아보면 많이 나올텐데요... 사진 사이즈랑 몃개까지 되야되는지 알려주시면 한번 만들어 볼게요

바다위소나무 친구신청

삭제
수정
2014/07/19 PM 09:48

사진 사이즈가 100%에요 화면에 무조건 꽉차게요 사진은 3개정도구요

바다위소나무 친구신청

삭제
수정
2014/07/19 PM 09:49

웹표준으로 모든 브라우저랑 모바일이랑 전부 잘 보여지게 가능하신가용~?

Coiie 친구신청

삭제
수정
2014/07/19 PM 09:50

흠,, 사진 해상도가 낮으면 큰화면에선 깨져보일텐데 괜찬은가요?

Coiie 친구신청

삭제
수정
2014/07/19 PM 09:51

뭐 웹이란게 원래 일일 맞춰줘야되는거니깐요,,, 그점은 문제 없을겁니다.

바다위소나무 친구신청

삭제
수정
2014/07/19 PM 09:53

큰 화면에서도 안깨져보이도록 아주 큰 이미지로 넣을거라서요

icanfindyou 친구신청

삭제
수정
2014/07/19 PM 09:52

그렇게 어렵지는 않습니다...
저도 가능하긴한데......

쉬운거긴하지만...... 웹표준과 모바일 등등 꼼꼼히 맞추려면 손이 가긴 하죠.
몇몇 분들이 쉽게 구현은 하시겠지만 .... 마감을 잘 해달라고 하셔야 합니다.

바다위소나무 친구신청

삭제
수정
2014/07/19 PM 09:56

조언 감사합니다 ^^;

icanfindyou 친구신청

삭제
수정
2014/07/19 PM 09:59

http://bxslider.com/examples/manual-show-without-infinite-loop

이거 소스 확인해보시고.......
스스로 설치 가능하시면 쓰시고

어렵다 싶으시면 의뢰주세요.

바다위소나무 친구신청

삭제
수정
2014/07/19 PM 10:00

관심 감사합니다ㅜㅜ

Coiie 친구신청

삭제
수정
2014/07/19 PM 11:04

<!doctype html>
<!htm>
<xhea>
<s-cript src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></s!crip>
<s-cript src='./galleria-1.3.6.min.js'></s!crip>
<s-cript>

$(document).ready(function(){
$(".galleria").css('width', $(window).width());
$(".galleria").css('height', $(window).height());
Galleria.loadTheme('./themes/classic/galleria.classic.min.js');
Galleria.run('.galleria');
});

$(window).resize(function(){
$(".galleria").css('width', $(window).width());
$(".galleria").css('height', $(window).height());
Galleria.loadTheme('./themes/classic/galleria.classic.min.js');
Galleria.run('.galleria');
});

</s!crip>
<styte->
body{margin:0px; padding:0px;}
.galleria{ width: 1920px; height: 1080px; background: #000 }
</styte->
</head>
<!bod>
<div class="galleria">
<img src="http://www.hdwallpapersfullhd.net/wp-content/uploads/2014/05/Wallpaper-New.jpg">
<img src="http://wallpapertoon.com/wp-content/uploads/2014/03/avengers-2012-full-hd-wallpaper.jpg">
<img src="http://cdn.wonderfulengineering.com/wp-content/uploads/2014/05/laptop-wallpaper-15.jpg">
</div>
</body>
</html>

이 소스 그대로 html 파일에 너서 브라우저로 봐보세요.

갤러리아 라는 프레임워크 써서 만들어졋습니다. 우선 이건 기본적인 틀이고, 화면 전체를 뒤덥게 하는 방법은 두가지가 있는데 하나는 직접 css를 건들여서 바꾸는것이고, 또 하나는 갤러리아에서 제공하는 9달러 짜리 테마를 구입하는것입니다.

http://galleria.io/themes/fullscreen/ 이게 전체화면 테마 미리보기입니다. 보시고 구입하셔서 활용하시면 될듯합니다.

Coiie 친구신청

삭제
수정
2014/07/19 PM 11:05

댓글엔 소스가 꺠지는군요 쪽지로 보내드릴게요.

바다위소나무 친구신청

삭제
수정
2014/07/19 PM 11:29

너무 감사드립니다!! 테스트 해볼게요 그리고 쪽지드릴게요!

Category

Profile

Counter