Картинки открываются за центральной частью полного макета в приложении Primefaces при использовании PWI

Я использую PWI (Picasa Webalbum Integrator), который является плагином Jquery для получения фотографий. Частично работает. Я могу получить свои фотографии на свою xhtml-страницу внутри панели, но когда я щелкаю по ней, она открывает изображения за центральным макетом, поэтому я не вижу их, кроме пары миллиметров между частями макета :)

Вы можете увидеть одну из фотографий между частями макета

Изображение: http://aijaa.com/0054410193073

Интегратор веб-альбомов Picasa

<script type="text/javascript">

  $(document).ready(function () {
    var settings = {
      username: 'TedTester'

      };
    $("#container").pwi(settings);
  });

</script>

    <p:panel>   
    <div id="container"> </div>
    </p:panel>
    </ui:define>
</ui:composition>

Я понятия не имею, как начать это исправлять, и я очень благодарен, если у кого-то есть время для такой глупости. Я использую Primefaces 3.2 и последнюю версию 2.0 PWI. саамы


person Sami    schedule 14.05.2012    source источник
comment
Похоже, что стиль z-index на панелях макета выше, чем z-index для фотографий, отображаемых из PWI. Я не очень много знаю о PWI, но, возможно, вы можете добавить Javascript, который может установить этот стиль выше для элементов фотографии?   -  person maple_shaft    schedule 15.05.2012
comment
Спасибо за комментарий! Я снял fancybox, поэтому сейчас использую чистый PWI. Теперь он открывает фотографию в новом окне. Это лучше, но не решено :) Продолжая ... Я думаю, что Primefaces Jquery против PWI Jquery вызывает это, а использование скриптов и css не так просто с JSF.   -  person Sami    schedule 15.05.2012


Ответы (1)


Виноват!

Две вещи, которые вы должны помнить при использовании плагинов jquery с JSF.

<h:outputStylesheet library="css" name="pwi.css"  />
<h:outputScript library="js" name="jquery.pwi.js" />

Вы должны использовать эти теги. Я использовал только h:outputScript для обоих из них, и, похоже, все в порядке, но, конечно, нет, сгенерированный html не был в порядке.

Другое дело, что:

 <h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />

Я использую jquery с is в Primefaces, без него возникает конфликт между версиями jquery или pwi вообще не находит jquery. По крайней мере я так думаю :) Нет все работает нормально, так что я доволен!

саамы

person Sami    schedule 16.05.2012