2012-10-02 3 views
1

jQuery Smooth Div 스크롤 도구를 온라인에서 찾았습니다. 나는 기부 할 계획입니다하지만 난 당신이 당신의 위치에있는 것처럼이 colorbox 옵션을 작동하게하는 데 문제 : http://www.smoothdivscroll.com/colorbox.htmljQuery Smooth Div Scroll with Colorbox

나는 내 작품을 보여줄 수있는 갤러리 옵션을 찾고 그래픽 아티스트 및 웹 디자이너 해요 . 큰 이미지에 링크되는 href 태그를 추가하면 스크롤 가능한 갤러리가 손상되는 것 같습니다. 나는 또한 문서의 본문이이

<link rel="Stylesheet" type="text/css" href="css/colorbox.css" /> 

: I는 내 HTML의 머리 부분에 연결된 colorbox.css 파일이

<script type="text/javascript"> 
$(document).ready(function() { 
// Init Smooth Div Scroll 
$("#makeMeScrollable").smoothDivScroll({ 
    mousewheelScrolling: "allDirections", 
    manualContinuousScrolling: true 
}); 

// Init colorbox 
$("#makeMeScrollable a").colorbox({ speed: "500" }); 

});

제가 놓친 퍼즐에 또 다른 부분이 있습니까? 자바 스크립트 파일?

이 갤러리는 완벽하게 작동합니다. 어떤 도움이나 조언을 주시면 대단히 감사하겠습니다 !!

당신은 jQuery 라이브러리 파일과 colorbox 스크립트를 포함 할 필요가

게리

답변

0

, 감사합니다.

<!-- jQuery library - Please load it from Google API's --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script> 
<!-- jQuery UI Widget and Effects Core (custom download) 
    You can make your own at: http://jqueryui.com/download --> 
<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script> 
<!-- Latest version of jQuery Mouse Wheel by Brandon Aaron 
    You will find it here: http://brandonaaron.net/code/mousewheel/demos --> 
<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script> 
<!-- jQuery Kinetic - for touch --> 
<script src="js/jquery.kinetic.js" type="text/javascript"></script> 
<!-- Smooth Div Scroll 1.3 minified--> 
<script src="js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script> 
<!-- If you want to look at the uncompressed version you find it at 
    js/jquery.smoothDivScroll-1.3.js --> 
<!-- Colorbox --> 
<script src="js/jquery.colorbox-min.js" type="text/javascript"></script> 
+0

당신이, 내가 추가 한 감사 로딩, 테두리, 닫기 등을위한

  • 이미지 라이브러리 파일과 html에있는 colorbox 스크립트 색상 상자 요소가 완벽하게 작동하지만 스크롤을 어기는 것처럼 보입니다. 스크롤 갤러리에는 첫 번째 이미지 만 표시되며 스크롤 아이콘을 사용하면 첫 번째 이미지와 두 번째 이미지 사이에 깜박임이 생깁니다. – user1715071

  • +0

    충돌하는 스크립트가있을 수 있습니까? – user1715071

    +0

    다음은 html 페이지입니다. http://www.gerardtonti.com/Scrollable%20Gallery%202/index.html – user1715071

    0

    Colorbox은 다음과 같습니다

    • jquery.colorbox.js
    • colorbox.css
    +0

    위의 내용이 모두 포함되어 있습니다. 문제는 컬러 박스 기능을 추가하면 스크롤 가능한 갤러리가 손상되는 것 같습니다. 슬라이드 쇼에서 하나의 이미지 만 표시되고 스크롤 기능이 사라졌습니다. 어딘가에서 충돌하는 스크립트가있을 수 있습니까? 다음은 HTML 페이지입니다. http : //www.gerardtonti.com/Scrollable%20Gallery%202/index.html – user1715071

    +0

    @ user1715071 다음 문제가 있습니다. 두 이미지에 대한 404 오류 및 잘못된 HTML 마크 업, 모든 이미지 링크에서만 첫번째는 닫혀 있고, 두번째는 열리고 다른 것은 '' 태그가 없습니다. – webdeveloper

    +0

    감사합니다. 지금 일하고있다. 매우 감사. – user1715071