이미지 슬라이드 소스 찾고 있어요.ㅠㅠ 정보
이미지 슬라이드 소스 찾고 있어요.ㅠㅠ
본문
이미지 슬라이드 소스 찾고 있어요.ㅠㅠ
플래쉬 xml로 불러와도 되고, 스크립트로 해도 상관 없는데..
이왕이면 플래쉬로 해서 이미지 링크랑 넣을 수 있는 플래쉬 xml 소스가 있으면 제일 좋겠는데..
이왕이면 플래쉬로 해서 이미지 링크랑 넣을 수 있는 플래쉬 xml 소스가 있으면 제일 좋겠는데..
아니면..
http://ecdemo62246.cafe24.com/
이 사이트 상단 우측 신발 밑에 보시면 hot in here 옆에 동그라미 3개가 있는데 그것처럼 이미지가 바뀌는 소스를 찾고 있는데...
예전에 걍 봤을때는 꼭 많이 보이던 것들이 찾을려면 안보이니 원..ㅠㅠ
이 사이트 상단 우측 신발 밑에 보시면 hot in here 옆에 동그라미 3개가 있는데 그것처럼 이미지가 바뀌는 소스를 찾고 있는데...
예전에 걍 봤을때는 꼭 많이 보이던 것들이 찾을려면 안보이니 원..ㅠㅠ
추천
0
0
댓글 9개

"동그라미 3개가 있는데 그것처럼 이미지가 바뀌는 소스" 이런소스는 많지 않나요?
링크 걸어서 링크건 페이지로 넘기는것은 잠깐 작업하면 될것이고요.
추가
스킨자료실 소스보고 불당썸에 맞게 작업한게 있는데
찾으시는게 맞다면 쪽지 주세요.
http://www.ezjob.kr/?id=demo800 맨 상단..
링크에 링크주소를 적어주면 링크주소로 새창으로 열림
사이즈 조절가능
링크 걸어서 링크건 페이지로 넘기는것은 잠깐 작업하면 될것이고요.
추가
스킨자료실 소스보고 불당썸에 맞게 작업한게 있는데
찾으시는게 맞다면 쪽지 주세요.
http://www.ezjob.kr/?id=demo800 맨 상단..
링크에 링크주소를 적어주면 링크주소로 새창으로 열림
사이즈 조절가능

감사합니다.
혹시 옆으로 스르르~~ 부드럽게 바뀌는 효과만 있으면 되는데... 그런 소스는 없을까요?
혹 demo6번 소스가 제가 원하는 소스인데.. 부탁드려도 괸찮을까요??
거기서 1.2.3.4 버튼만 이미지 사이로 쭉 들어갔으면 딱 좋겠는데^^
혹시 옆으로 스르르~~ 부드럽게 바뀌는 효과만 있으면 되는데... 그런 소스는 없을까요?
혹 demo6번 소스가 제가 원하는 소스인데.. 부탁드려도 괸찮을까요??
거기서 1.2.3.4 버튼만 이미지 사이로 쭉 들어갔으면 딱 좋겠는데^^

사이즈 조절 가능하니 이것도 괘안을것 같은데요.
http://www.ezjob.kr/?id=demo802
http://www.ezjob.kr/?id=demo803
http://www.ezjob.kr/?id=demo805
http://www.ezjob.kr/?id=demo802
http://www.ezjob.kr/?id=demo803
http://www.ezjob.kr/?id=demo805

jQuery 플러그인 중에 jCarouselLite 이것 찾으시면 될 것 같구요..
샘플소스 하나 올려드릴께요
<div class="real">
<ul class="list_real btn">
<li><a href="#" class="0"><img src="/images/part/ico_circle_on.gif" width="6" height="6" alt="1" /></a></li>
<li><a href="#" class="1"><img src="/images/part/ico_circle.gif" width="6" height="6" alt="2" /></a></li>
<li><a href="#" class="2"><img src="/images/part/ico_circle.gif" width="6" height="6" alt="3" /></a></li>
</ul>
<div id="real_roll">
<ul id="real_roll" class="img">
<li id="roll_0">
<a href="#"><img src="" width="224" height="128" alt="" /></a>
</li>
<li id="roll_1">
<a href="#"><img src="" width="224" height="128" alt="" /></a>
</li>
<li id="roll_2">
<a href="#"><img src="" width="224" height="128" alt="" /></a>
</li>
</ul>
</div>
<script type="text/javascript">
$(function() {
$("#real_roll").jCarouselLite({
auto: 4000,
speed:500,
scroll:1,
visible:1,
btnGo: [".0", ".1", ".2" ],
afterEnd: function(a) {
Len = 3; //총개수
beforeNum = parseInt(a[0].id.split('_').pop());
var roll_id = (beforeNum >= Len) ? 0 : beforeNum;
btn_reset();
$('.real ul.btn li a.'+roll_id+' img').attr('src', $('.real ul.btn li a.'+roll_id+' img').attr('src').replace('.gif', '_on.gif'));
}
});
var btn_reset = function() {
$('.real ul.btn li a').each(function() {
$('img', this).attr('src', $('img', this).attr('src').replace('_on.gif', '.gif'));
});
};
$('.real ul.btn li a').click(function() {
btn_reset();
$('img', this).attr('src', $('img', this).attr('src').replace('.gif', '_on.gif'));
});
});
</script>
</div>
샘플소스 하나 올려드릴께요
<div class="real">
<ul class="list_real btn">
<li><a href="#" class="0"><img src="/images/part/ico_circle_on.gif" width="6" height="6" alt="1" /></a></li>
<li><a href="#" class="1"><img src="/images/part/ico_circle.gif" width="6" height="6" alt="2" /></a></li>
<li><a href="#" class="2"><img src="/images/part/ico_circle.gif" width="6" height="6" alt="3" /></a></li>
</ul>
<div id="real_roll">
<ul id="real_roll" class="img">
<li id="roll_0">
<a href="#"><img src="" width="224" height="128" alt="" /></a>
</li>
<li id="roll_1">
<a href="#"><img src="" width="224" height="128" alt="" /></a>
</li>
<li id="roll_2">
<a href="#"><img src="" width="224" height="128" alt="" /></a>
</li>
</ul>
</div>
<script type="text/javascript">
$(function() {
$("#real_roll").jCarouselLite({
auto: 4000,
speed:500,
scroll:1,
visible:1,
btnGo: [".0", ".1", ".2" ],
afterEnd: function(a) {
Len = 3; //총개수
beforeNum = parseInt(a[0].id.split('_').pop());
var roll_id = (beforeNum >= Len) ? 0 : beforeNum;
btn_reset();
$('.real ul.btn li a.'+roll_id+' img').attr('src', $('.real ul.btn li a.'+roll_id+' img').attr('src').replace('.gif', '_on.gif'));
}
});
var btn_reset = function() {
$('.real ul.btn li a').each(function() {
$('img', this).attr('src', $('img', this).attr('src').replace('_on.gif', '.gif'));
});
};
$('.real ul.btn li a').click(function() {
btn_reset();
$('img', this).attr('src', $('img', this).attr('src').replace('.gif', '_on.gif'));
});
});
</script>
</div>

june님 소스로 해 보니.. 이미지가 3개가 옆으로 쭉~~ 나와버리네요..
css가 없어서 그런가봐요.ㅠㅠ
css가 없어서 그런가봐요.ㅠㅠ

#real_roll 크기만 지정해주시면 될것같아요~
june44님이 적어주신것처럼 Jquery로 만드시는게 좋으실것같네요
flash는안보이는곳이 종종있어서..
fade 추가 정도해주시면 더 예쁠꺼같습니다.
flash는안보이는곳이 종종있어서..
fade 추가 정도해주시면 더 예쁠꺼같습니다.


저는 초짜라서 그냥 맘에 드는거 있으면 다운받아서 쓰는데....
크롬에서 F12 누르고, resources 탭에서 우클릭 해서 js 랑 css 랑,html 다운 받아서 쓰시면 됩니다.
firefox 에 firebug 쓰시면 그냥 자동으로 다운받으실수 있고....
jQuery 슬라이더는 그런경우는 드문데, 가끔 js 열어보면 라이센스가 GNU 가 아니고 유료인 경우가 있습니다. 그런건 쓰지 말던가, 저작자 사이트 찾아가서 라이센스 fee 내고 쓰셔야 합니다.
가끔 jsp 란걸로 돌아가는 것들도 있는데 (슬라이더 보다는 환전계산기, 소셜댓글 같은 것들) 그건 또 그 서버 사이트를 찾아가서 jsp 파일을 다운받아 쓰셔야 합니다.
또 source code 를 encrypt 해놓는 경우가 있는데, (주로 은행들) 이런 경우는 주위에 해커하시는 분에게 부탁하던가, 아니면 해커 사이트에 가셔서 decryption 해주는 app 을 돌리셔야 합니다. 해커회원이 아니어도 아무나 비밀번호 crack 하고 decrypt 할수 있는 open 사이트가 하나 있는데 기억이 안나네요... 무슨 snake 뭐 였는데....
이상 초짜의 허접한 답변이었습니다.
크롬에서 F12 누르고, resources 탭에서 우클릭 해서 js 랑 css 랑,html 다운 받아서 쓰시면 됩니다.
firefox 에 firebug 쓰시면 그냥 자동으로 다운받으실수 있고....
jQuery 슬라이더는 그런경우는 드문데, 가끔 js 열어보면 라이센스가 GNU 가 아니고 유료인 경우가 있습니다. 그런건 쓰지 말던가, 저작자 사이트 찾아가서 라이센스 fee 내고 쓰셔야 합니다.
가끔 jsp 란걸로 돌아가는 것들도 있는데 (슬라이더 보다는 환전계산기, 소셜댓글 같은 것들) 그건 또 그 서버 사이트를 찾아가서 jsp 파일을 다운받아 쓰셔야 합니다.
또 source code 를 encrypt 해놓는 경우가 있는데, (주로 은행들) 이런 경우는 주위에 해커하시는 분에게 부탁하던가, 아니면 해커 사이트에 가셔서 decryption 해주는 app 을 돌리셔야 합니다. 해커회원이 아니어도 아무나 비밀번호 crack 하고 decrypt 할수 있는 open 사이트가 하나 있는데 기억이 안나네요... 무슨 snake 뭐 였는데....
이상 초짜의 허접한 답변이었습니다.