2013-01-15 2 views
0

jQuery 플러그인 ColorBox를 사용하고 있습니다.ColorBox jQuery 편집

나는 facebook처럼 스타일을 지정하고 싶습니다.

사진은 왼쪽에 설명과 설명이 오른쪽에 표시됩니다.

나는

는 기본적으로, 현재 사업부를 교체해야, 누군가가 코드를 살펴보고 나에게 코드를 편집하는 방법에 대한 조언을 줄 수 있다면 내가 부탁 해요 .. 자바 스크립트 좋은 아니에요 그것은 float:left와 함께 2 개의 DIV가있는 이미지를 표시합니다.

첫 번째 div에는 이미지가로드되고 두 번째에는 설명 및 일부 사용자 정의 html이로드됩니다.

고정 폭/높이 테마를 사용하고 있습니다.

나는 한 번 훑어 보았다. 그러나 나는 전에 말했듯이 나는 자바 스크립트에 좋지 않다. 그리고 나는 어디에서 편집해야할지 모른다.

누군가 나를 도울 수 있기를 바랍니다.

답변

0

당신이 플러그인

변화 cboxTitle & cboxLoadedContent에 대한 CSS의 소스 편집 할 필요가 없습니다 (플로트 : 왼쪽 설정 일부 폭)

제목 속성보다 더 많은 사용자 정의 컨텐츠를 (추가를 는 A 태그의) 당신은 iframe이 옵션을 최고 사용 ColorBox 것에 onLoad 또는으로 onOpen 콜백

$("#inline").colorbox({ 
     onOpen : function() { 
      //apend your content to cboxTitle 
      } 
     }); 
+0

이미 CSS를 편집하려했지만 작동하지 않습니다. cboxLoadedContent의 수동 너비 설정이 작동하지 않습니다. 너비는 항상 ColorBox의 100 %입니다. – Fr0z3n

+0

다음 몇 가지 코드를 보여 - 어딘가에 실수로 질문을했다 – mikakun

+0

좀 더 시도했지만 CSS를 편집하여 정말 좋지 않습니다. 자바 스크립트를 편집해야합니다. – Fr0z3n

0

훨씬 간단한 방법을 사용해야합니다. 나는 플러그인이 어쨌든 당신이 좋아하는 스타일이 될 수있는 전혀 새로운 HTML 페이지를 열도록이 작업을 수행했다. 이 방법으로 기본적으로 ColorBox를 윈도우 관리자로 사용합니다. 행운을 빈다!

+0

예. 이것은 쉬운 해결책이 될 것입니다. 그러나 이미지가있는 colorbox를 좋아합니다. 미리로드하기 때문에로드하는 것이 훨씬 빠르기 때문입니다. iframe 콘텐츠를 미리로드 할 수 있는지 여부를 알 수 없습니다. – Fr0z3n