포럼
휴...
2014.04.13 01:17
두번째로 애드온을 만들었는데..
생각처럼 쉽지 않네요..-_-;;
단순히 jquery plugin을 적용해주는 것 뿐인데도..
여러 난관에 부딪히다 결국은 꼼수(?)를 부려서 완성했네용..
그래도 이번엔 새로운 걸 알게되어서
많이 배운 것 같네요.ㅎㅎ
개인적으로 느끼는 거지만
xe도 jquery documentation처럼... 정리되어 있으면 참 좋을 듯 합니당.
그리고.. 도움을 주신 LI-NA님과 숭숭군님께 다시 한 번 고마운 마음을 전합니다.ㅎㅎ
댓글 34
-
애니즌
2014.04.13 02:03
아닙니다~~!! ^^ 충분히 도움이 되었습니다 +_+!!!
-
nado0124
2014.04.13 02:25
이번에도 서로 도움을 주셨나보군요.^^
참 보기좋고 흐뭇합니다. 덕분에 계속해서 멋진 자료들도 많이 배포되고 있네요...
고생하셨습니다. 고맙게 사용하겠습니다.
-
nado0124
2014.04.13 02:34
궁금한게 있습니다.
'prettyphoto 이미지 리사이즈 + 뷰어 ver. 1.1.3.0' 이 엑박이 많이 뜨고, 코어 1.7.4에서는 아예 작동을 안하던데, 애니즌님의 샘플페이지에서는 엄청 잘 나오네요.
샘플페이지의 코어 버전은 어떻게 되는지, prettyphoto 애드온을 손 보신건지 궁금합니다.
-
애니즌
2014.04.13 02:42
코어버전은 최신버전(1.7.4.1)이구요~
해당 자료 본문에도 남겼지만 설명드리자면
/addons/prettyphoto/js/addon.js
파일을 여신 다음에요~
10번째 줄과 11번째 줄에 있는
if(!t.parent('a').length) t.wrap('<a href="'+t.attr('src')+'" rel="prettyPhoto[mixed]"></a>');
if(t.parent('a').length && !ifLink) t.parent('a').attr({rel:'prettyPhoto[mixed]',href:''+t.attr('src')+''})'src' -> 'title' 으로 변경
if(!t.parent('a').length) t.wrap('<a href="'+t.attr('title')+'" rel="prettyPhoto[mixed]"></a>');
if(t.parent('a').length && !ifLink) t.parent('a').attr({rel:'prettyPhoto[mixed]',href:''+t.attr('title')+''});이렇게 변경해주시면 됩니다.
-
nado0124
2014.04.13 02:58
네 알려주신 부분은 수정했고요,
'prettyphoto 이미지 리사이즈 + 뷰어 ver. 1.1.3.0'의 자료실 평가에도 많은 글이 있듯이, 이미지가 여러개면 중간중간 엑박이 많이 뜨는 문제가 있고, (스케치북 공홈에서)스케치북님도 prettyphoto 애드온 자체문제라 해결책이 없다고 하신적이 있거든요.
그리고 제 경험으로는 1.7.4에서 prettyphoto 애드온이 아예 작동을 안했었거든요.
그런데 애니즌님의 샘플페이지에서는 prettyphoto 애드온이 엑박도 없고 엄청 잘 나와서 궁금한 겁니다.
그런 문제점을 어떻게 해결하신건지, 애니즌님의 사이트에서는 처음부터 아무 문제가 없던건지...
-
애니즌
2014.04.13 03:00
아..넵..-_-;;
생각해보니 엑박이 뜰 리가 없겠군요..-_-;;;
저는 처음부터 문제가 없었습니다.
사실 prettyphoto도 최근에 설치하였습니다..-_-;;
위에 언급한 부분을 제외하고 별도로 수정한 부분은 없습니다..
궁금한 것 제 사이트는 딱히 문제가 안되는 지... ?
엑박은 아니고 간헐적으로 섬네일이 안뜰때가 있긴 하더라구요.. 이미지는 잘 뜨지만..
아니면 설정 차이일까요?
전 prettyPhoto 테마 설정을 facebook 으로 해두긴 했습니다만..
-
nado0124
2014.04.13 03:09
복 받으셨네요.^^ 저는 facebook으로도 안되네요.
그럼 다른 환경에서 영향을 받았을지도 모르겠군요... 알 길이 없지만...
늦은 시간에 귀찮게 해 드렸네요. ^^;
배포해주신 자료 감사합니다.
-
애니즌
2014.04.13 03:12
아니면 일반 스킨을 사용하셔도 그런지 궁금합니다.!
또한 XE Core ver. 1.7.4.1 으로 업데이트도 한번 검토해보세요..
그 외적으로 따로 설정한 부분이 없기에 저만 문제가 없을리가 !!
아닙니다 ! 귀찮기는요 ㅎㅎ 즐겁습니다~~
이건 관계가 없을 것 같지만.. 참고로 Xpresseditor + AXISJ AXUpload5(HTML5) 에디터가 적용되어 있습니다.
-
nado0124
2014.04.13 03:23
일반 스킨이면 'Default 테마' 말씀인가요? default 에서도 마찬가지입니다.
낮에 백업한 후에 코어 업데이트 해 봐야 겠네요.
prettyphoto 애드온의 자동 슬라이드가 좋아서 사용하고 싶은데, 제 경우에는 1.7.4에서는 완전 먹통이었고, prettyphoto 1.1.3.0은 엑박이 심해서, 코어 1.7.3.8 + prettyphoto 1.0.3.0 (이 버전은 엑박이 없거든요.) 이렇게 사용하고 있거든요.
prettyphoto 애드온 때문에 코어 업데이트가 중단된 상태입니다.^^
Xpresseditor + AXISJ AXUpload5(HTML5) 에디터도 참고하겠습니다.
-
애니즌
2014.04.13 03:27
아뇨! 게시판 스킨이요! 스케치북 쓰시는 것 같아서 혹시나 해서 여쭤봤습니다.
-
nado0124
2014.04.13 03:34
게시판 기본 스킨으로 해 보았는데, 같은 상황입니다.
지금 코어를 업데이트 해볼까 합니다.
-
음? 제가 도와드린게 있나요?
-
애니즌
2014.04.13 16:27
callback을 알려주셨잖아욥 !!+_+
-
nado0124
2014.04.13 15:16
궁금해 하실까봐 글 남깁니다.
1.7.4.1로 업데이트 했고요, 이미지 레이지로드 자체는 잘 작동합니다.
다만, 알려주신데로 수정했는데, Pretty Photo와 jQuery LightBox 둘 다 작동이 안됩니다.
Pretty Photo 는 이미지 경로가 잘못되었다는 메세지가 나오면서 뷰어가 작동하지 않고요,
jQuery LightBox 에서는 계속 로딩이미지만 나오고 뷰어가 작동하지 않습니다.
Pretty Photo 1.1.3 은 이미지 레이지로드 애드온을 꺼도 역시나 엑박이 심해 사용하기가 어렵네요.
Xpresseditor + AXISJ AXUpload5(HTML5) 에디터도 적용되어 있습니다.
-------------------
새벽에 코어 업데이트 한다고 해서 궁금하실까봐 글 남겼습니다.
애니즌님과 다른분들은 잘 작동하니 신경쓰시지 말고요,
제가 환경을 바꿔가면서 테스트 해본 후 다시 글 남기겠습니다.
-
애니즌
2014.04.13 16:27
이미지 레이지로드(이하 이지로드)를 끈 상태에서는 이미지 뷰어 기능이 작동이 하는 건가요?
기본적으로 이미지 뷰어 애드온들은 본문에 있는 img 태그의 src 값을 가져오게 됩니다.
하지만 이지로드에선 본문에 img 태그가 뿌려지기 전에 src를 더미 이미지로 변경하구요
title에다가 원래 이미지 경로를 저장하게 됩니다.
근데 말씀하신 것 보아하니 더미이미지라도 뿌려져야 할텐데.. 아예 로딩을 못하는 거보니..
뭔가가 예상치 못한 버그(?)라던가 환경의 문제가 아닐지...
개발자가 아닌지라 깊게 볼 순 없어서 아쉽네요 ㅡ.ㅜ 도음이 되지 못해서 죄송합니다 흐규흐규
-
nado0124
2014.04.13 16:40
이지로드를 끄고 뷰어에서 src를 title로 고치지 않은 상태에서는 jQuery LightBox 애드온이 잘 작동합니다.
이지로드나 뷰어 애드온 둘 중에 하나만 사용하면 문제가 없습니다.
제가 여러 환경을 테스트 해 보아야 할 것 같습니다.
-
애니즌
2014.04.13 16:55
그럼 이부분을 한번 임의 수정해보세요
image_lazyload/js/lazyload.js
37번 째 줄에 있는
jQuery(this).attr('title',alt);
이것을
//jQuery(this).attr('title',alt);
위처럼 주석처리해보시고 테스트 해보세요.
-
nado0124
2014.04.13 17:06
저한테만 안되서... 죄송하네요.ㅠㅠ
주석처리했는데 아래처럼 로딩화면만 나옵니다.
-
애니즌
2014.04.13 17:11
jq_lightbox/js/xe.js
열어 보셔서
$('img', this).each(function() { var $img = $(this); var imgSrc = $img.attr('title'); if($img.attr("rawsrc")) imgSrc = $img.attr("rawsrc"); var title =$img.attr('alt');$('img', this).each(function() { var $img = $(this); var imgSrc = $img.attr('title'); if($img.attr("rawsrc")) imgSrc = $img.attr("rawsrc"); var title =$img.attr('alt'); alert(imgSrc); // 주소를 제대로 가져오는 지 확인
위처럼 alert를 추가해주셔서 이미지 주소를 제대로 불러오는 지 확인해보세요
-
nado0124
2014.04.13 17:15
[Object Object] 라는 경고창이 뜹니다.
-
애니즌
2014.04.13 17:20
제가 댓글을 수정하는 사이에 수정 전 코드를 넣으셨나봐용..ㄷ;;
alert(imgSrc);
이렇게 넣어주세요
-
nado0124
2014.04.13 17:24
아래 그림처럼 첨부된 이미지들의 파일명 경고창이 뜹니다.
-
애니즌
2014.04.13 17:38
title이 변경된 alt 값으로 가져오는 것 같네요 ㄷㄷ
-
nado0124
2014.04.13 17:10
제 서버정보입니다. 엔**트에서 호스팅 받고 있습니다.
혹시 모르니 참고하시고요, 제가 초보라 도움드릴만한 내용이 없네요...
location : ko
package : XE
host :
app : Microsoft-IIS/5.0
xe_version : 1.7.4.1
php : 5.3.28
db_type : mysqli
use_rewrite : Y
use_db_session : N
use_ssl : none
phpext : core, ereg, libxml, openssl, sqlite3, zlib, bcmath, calendar, curl, dba, fileinfo, ftp, gd, gettext, iconv, ldap, mbstring, mcrypt, mysql, pdo_sqlite, phar, imap, simplexml, sockets, sqlite, exif, wddx, xml, xmlreader, xmlwriter, mysqli, soap, zip, mhash, ioncube loader, zend guard loader
module : adminlogging(1.7), board(1.7.2-beta.3), contact(1.7.0.2), imageprocess(1.2.3.0), krzip(1.0), loginlog(0.4.3), ncenterlite(1.2.0), referer(3.3.2), seo(0.4.1.1), syndication(3.1.0-beta.2), zzz_menu_new(1.7.0)
addon : activescrollbar(1.0), adminlogging(1.7), bootstrap_btn(1.0), browser_helper(1.0), captcha_member(1.7), changealt(0.2.1), counter_ex(1.0.1.0), elkha_simple_spam(0.1), elkha_www(0.11), fa_loader(1.0), font-awesome(1.0), image_lazyload(0.1), jq_lightbox(0.3.2), layerpopup(1.8), noclick(1.2), oembed(1.0), prettyphoto(1.1.3.0), qrcode(0.2), referer(3.2.2), scrolltopcontrol(1.1.0), sejin7940_readed_count(1.6), sejin7940_write_limit(1.5), soo_add_content(0.5), stoptrackback(0.3)
layout : xe_official(1.7), xecenter(1.3.6), user_layout(1.7)
widget : contentextended(2.45), contentslider(2.1.1), counter_status(1.7), forhanbiIframe(0.1), gyBlindBanner(0.1), gyContent(0.1.3), gySlider(0.1), gySliderBot(0.1), gyTabUpDownSlider(0.1), qrcode_creator(0.1), tag_list(0.1), treasurej_popular(1.0.5)
widgetstyle : simple(1.7)
max_file_uploads : 20
post_max_size : 8M
memory_limit : 128M -
애니즌
2014.04.13 17:41
일단은 어떤 문제인 지는 알겠는데
전체적으로 봐야할 문제인지라
현재로선 직접 답변하긴 애매한 부분이 있습니다.
해결되었기 때문에 삭제 -
nado0124
2014.04.13 17:46
원인 찾았습니다!!
Alt 값을 잘못 불러온다고 하셔서 카르마님의 'Alt 변경 애드온'을 해제했더니 정상 작동합니다.
모든게 제 잘못입니다. ^^;
일단 위에 알려주신거는 아직 안해보았구요,
'Alt 변경 애드온'을 사용해도 문제가 없다면 좋겠는데... 어렵겠지요?
하루 종일 고생하셨네요.
-
애니즌
2014.04.13 17:49
음.. 본 애드온은 alt 값은 사실상 의미가 없구요
title 값을 사용합니다.
title 값에 원본이미지 주소를 매치하고
data-original 값에 title 값을 넣어주고
마지막으로 alt 값을 title 값으로 매칭합니다. 왜냐면 alt 보다 title이 더 우선이기에
그대로 냅두면 이미지 주소가 캡션으로 뜨기 때문에..ㅎ
Alt 변경 애드온은 잘은 모르겠으나.. 그것이 title도 제어한다면 어려울 듯 합니다.
그래도 해결되셨다니 다행입니다!!
-
nado0124
2014.04.13 17:53
어려운 얘기라... ^^;
위에 알려주신 방법은 안해보아도 되겠지요?
저 때문에 고생이 많으셨네요. 죄송하게 되었습니다.
-
애니즌
2014.04.13 17:55
넵 안해도 됩니다! 혹시 스크립트 변경이 잘못 된 게 아닌가 의심했었거든요 !
-
nado0124
2014.04.13 17:59
이미지 레이지로드 ( image_lazyload ) 애드온 정말 멋진 자료인데 사용을 포기할 뻔 했습니다.
애니즌님께서 같이 고민해 주셔서 문제를 찾을 수 있었습니다.
카르마님의 Alt 변경 애드온도 유용한 자료이니, 사이트에 따라 적절히 사용해야 겠네요.
멋진 자료 만들어 주시고 사용할 수 있도록 끝까지 도와주셔서 진심으로 감사합니다.
얼마 남지 않은 휴일 편안하게 보내시기 바랍니다.
-
애니즌
2014.04.14 12:25
이게 output에서 코드 수정이 있는 게 아니라
그 앞 쪽에서 수정이 되는 지라
후행 처리 때문에 여러가지 문제가 있더라구요..-_-;;
다음 버전에선 최대한 안정화 시켜서 불편함이 없도록 할 생각입니다.(그럴려면 훨씬 더 공부해야겠지만요.ㅎㅎ)
-
nado0124
2014.04.14 12:32
계속 마음쓰고 계셨군요. ^^
어제 오늘 계속 멋진 자료 배포해 주시네요.
고맙게 사용하겠습니다.
-
애니즌
2014.04.14 13:18
원래 원하는 방식이 아니였던 지라 ㅎㅎ
자꾸 이상한 문제가 생기더군요..-_-;;;
그래도 큰 문제는 없어서 다행입니다..ㅎㅎㅎ
결과적으로 해결책을 드리지는 못했는데 민망할 따름입니다...