Concrete5는 링크 클릭으로 설정된 파일에서 fancybox를 표시합니까?

클릭시 fancybox 갤러리를 표시하기 위해 파일 세트에서 파일을 표시하기 시작할 위치를 정확히 알지 못합니다. 갤러리에서 링크를 열어보고 싶습니다. 클릭하면 갤러리를 볼 수 있지만 이미지는 같은 rel이지만 표시하도록 설정되어 있습니다 : none (쉽게 내 CSS로 제어). 하나의 이미지를 선택하는 것으로부터 할 수는 있지만 뷰에 파일 세트의 이미지를 전달하는 방법을 확신 할 수는 없습니다 (필자는 컨트롤러에서 어떤 종류의 기능을 생성하여 fsID를 가져와야한다고 가정합니다) . 난 그냥 페이지 (축소판 이미지)에 표시 할 첫 번째 이미지를 누른 다음 링크를 클릭하고 더 많은 전체 크기의 이미지를 표시해야합니다.Concrete5는 링크 클릭으로 설정된 파일에서 fancybox를 표시합니까?

기본적으로 Concrete5를 알고 있다면 관리자가 하나의 이미지 대신 파일 세트를 선택할 수 있다는 점을 제외하고는 이미지 블록과 같아지기를 바랍니다.

여기

$picture = $this->controller->getPicture(); 
if ($picture) { 
    $bigPicture = $image->getThumbnail($picture,600,600)->src; 
    $smallPicture = $image->getThumbnail($picture,200,200)->src; 

    echo "<img src=" . $smallPicture . " alt=" . $imageTitle . " title=" . $imageTitle . "/>";//thumbnail picture 
echo "<div id=\"image-modal\">"; 
echo "<a href=" . $bigPicture . " class=\"fancybox-thumb\" rel=" . $title . " title=" . $imageTitle . ">{$linkText}</a>";//open fancybox from link 
echo "<div class=\"hiddenGallery\" style=\"display:none;\">";//hidden images 
    echo "<a href=\"images/pattern/t-103-n.jpg\" class=\"fancybox-thumb\" rel=" . $title . " title=" . $imageTitle . ">"; 
echo "<img src=\"images/pattern/t-103-n.jpg\" class=\"fancybox-thumb\" />"; 
echo "</a>"; 
    echo "</div>"; 
echo "</div>"; 
}

내 controller.php

function getPicture() { 
     if ($this->fIDpicture > 0) { 
      return File::getByID($this->fIDpicture); 
     } 
     return null; 
    }

내은 add.php

$al = Loader::helper('concrete/asset_library'); 
echo $al->image('ccm-b-image', 'fIDpicture', t('Choose File'), 
    $this->controller->getPicture()); 
echo '</div>';

상관 없음 view.php이며 모든 도움을 많이 감사합니다.

출처

2013-02-27 user2066695

내 view.php – user2066695

음, 두 가지 :

당신은하지 <img /> 태그의 <a> 태그!에 class="fancybox-thumb"과 rel 속성을 설정해야합니다.

당신은 그들 각각에 display: none; CSS 속성을 설정하지, 갤러리의 요소의 나머지 부분을 숨길 것이 아니라 같은 숨겨진 <div> 컨테이너를 포장 기획하는 경우 :

<div style="display: none;"> 
    <a class="fancybox-thumb" rel="gallery" href="images/02.jpg"></a> 
    <a class="fancybox-thumb" rel="gallery" href="images/03.jpg"></a> 
    <a class="fancybox-thumb" rel="gallery" href="images/04.jpg"></a> 
    ... etc 
</div>

렌더링 된 HTML을 사용하고 있습니다. 이것이 중요한 부분입니다. , https://github.com/jordanlev/c5_designer_gallery

여기합니다 (FlexSlider의 예와 함께 사용하는 방법을 설명하는 튜토리얼입니다 :

출처

2013-02-27 05:52:07 JFK

음 예를 업데이트, 나는 그 미세한 세부 사항을 놓친 처음에 보여줄 이미지. 포인터 주셔서 감사합니다! – user2066695

나는 (/ 편집/컨트롤러를 추가)이 방정식의 한 부분 전체 백엔드을 처리하는 몇 가지 코드를 당신이 Fancybox 후 어떻게 작동하는지 알고있는 경우지만)에 무슨 일이 일어나고 있는지 이해하기 어렵다 안 : 내가하는 방법에 초점을 맞추고있는 동안 http://c5blog.jordanlev.com/blog/2011/12/build-a-slideshow-block/

출처

2013-03-07 15:53:01

Concrete5는 링크 클릭으로 설정된 파일에서 fancybox를 표시합니까?

답변

관련 문제