-
[이런 저런 이야기] 자바스크립트로 이미지 롤링 만드는거 의뢰비용이 궁금합니다2014.07.19 PM 09:38
LINK : //havenshop.ca/
링크에 사이트 보시면요 상단에 큰이미지가 있구요
양옆에 화살표 누르면 이미지 바뀌고 이미지 아래쪽에 작은 사각형 버튼 누르면 또 이미지가 변하는
이런걸 자바스크립트로 만든다고 하더라구요
제가 이런 자바스크립트 소스가 필요해서 구해보려했는데 못구했습니다 ;;
그래서 이걸 만들어주는분께 의뢰를 하면 비용이 어느정도 나올까요?
혹시 제작 가능하신분 계시면 비용 드릴테니 제작좀 해주실분 계신가요?
댓글 : 15 개
- 이상한
- 2014/07/19 PM 09:46
JQuery이용하면 금방될건데...
대충 이런 느낌 같은데요...
http://vandelaydesign.com/jquery-image-galleries/
사실 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/ 이게 전체화면 테마 미리보기입니다. 보시고 구입하셔서 활용하시면 될듯합니다.
<!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
너무 감사드립니다!! 테스트 해볼게요 그리고 쪽지드릴게요!
user error : Error. B.