Problem z Lightbox JS PopUp
Wyniki 1 do 4 z 4

Temat: Problem z Lightbox JS PopUp

  1. #1
    Debiutant
    Dołączył
    04-09-2007
    Wpisy
    6
    Punkty
    10

    Domyślny Problem z Lightbox JS PopUp

    Witam.
    Po kliknięciu na miniaturę pojawią się biały prostokąt taki jak na zdjęciu.
    Ścieżki do plików są dobre bo sprawdzałem.
    Problem jest tylko z tym lightboxem JS.

    http://i12.tinypic.com/4ptdyli.png

    Opcje:
    http://i2.tinypic.com/5y0msuh.png
    http://i1.tinypic.com/6bl9ijr.png

    Jeśli nikt nie zna rozwiąznia to jest jakiś inny komponent oferujący podobne możliwości?

    Widok elementu zoom gallery:

    Kod:
    .blockContainer {
    width: 100%;
    visibility: visible;
    border: none;
    }
    .blockHeader {
    background-image: url('../www/images/blocks/header.png');
    background-repeat: repeat-x;
    height: 21px;
    font-size: 6px;
    font-weight: bold;
    color: #D9E1F6;
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    }
    .blockBody {
    border: 1px solid #0F367B;
    padding: 4px;
    text-align: left;
    }
    a.blockHeader {
    font-size: 9pt;
    font-weight: bold;
    color: #D9E1F6;
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    }
    a.blockHeader:hover {
    color: #FFFFFF;
    }
    /* Shadow for thumbnail images */
    .img-shadow {
    float:left;
    background: url(../www/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(../www/images/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
    }
    .img-shadow img {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 3px;
    }
    /*For full size img (zoom gallery) */
    .img-shadow-full {
    float: right;
    }
    .img-shadow-full-border {
    background: url(../www/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(../www/images/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
    float:left; /* RC4 Release */
    }
    .img-shadow-full {
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: -6px 6px 6px -6px;
    padding: 6px;
    }
    /*Custom Zoom Media Gallery CSS*/
    /*For galleryshow.php */
    .zoom-logo {text-align:left;}
    .zoom-wrap-search {}
    .zoom-keywords {float:left;clear:right;margin-top:20px;}
    .zoom-search {float:right;clear:left;margin:0;padding:0;margin-top:-26px;}
    .search-zg{font-size:1em;}
    .search-zg label {font-weight:bold;color:#666;padding-left:5px;}
    /* ZMG Album */
    .zmg-album {width:100%;text-align:center;margin-left:0%;margin-right:0%;padding-top:20px;}
    .zmg-album-inner {float:left;}
    .zmg-album-inner a {font-weight:bold;}
    .zmg-album-image {font-size:0.8em;line-height:16px;color:#777;background-color:#eee;border:1px solid #ddd; margin:5px 15px 15px 5px;padding:8px;}
    .zmg-image-of-album {background-color:#fff;border:1px solid #ddd;padding:4px;} /*Style the actual image album*/
    /* ZMG SubAlbum */
    .zmg-sub-album {width:100%;text-align:center;margin-left:0%;margin-right:0%;padding-top:20px;}
    .zmg-sub-album-inner {float:left;}
    .zmg-sub-album-inner a {font-weight:bold;border:0px;}
    .zmg-sub-album-image {font-size:0.8em;line-height:16px;color:#777;background-color:#eee;border:1px solid #ddd; margin:5px 15px 15px 5px;padding:8px;}
    .zmg-image-of-sub-album {background-color:#fff;border:1px solid #ddd;padding:4px;} /*Style the actual image album*/
    /*ZMG Thumbnail display*/
    .zmg-image-thumb {background-color:#fff;border:1px solid #ddd;padding:4px;} /*Style the actual image thumbnail*/
    .zmg-image-thumb-outer {margin-bottom:20px;}
    .zmg-unpublished {color:red;} /*unpublished text*/
    /*Details shown on thumbnails page*/
    .zmg-comments-on {margin:0;font-size:0.8em;}
    .zmg-hits {margin:0;font-size:0.8em;}
    .zmg-bar {width:100%; float:right; padding-top:20px; display:inline; text-align:right;font-size:0.8em;margin:10px 0;} /* For the - Top | Last submitted | Last Coomented | Top Rate | */
    .zmg-bar-left {float:left; clear:left; }
    .zmg-bar-right {float:right; clear:right; }
    .zmg-bar a {font-weight:bold;}
    .zmg-admin-system a {font-weight:bold;}
    /* Styles for ZMG full size image */
    .zmg-image-full-outer {margin:30px auto 0px auto;}
    .zmg-image-full {background-color:#fff;text-align:center;border:1px solid #ddd; padding:6px;}
    /*Zoom Gallery slide show control*/
    h3.zmg-slideshow-control-title {margin:0;font-size:0.9em;}
    .zmg-slideshow-control {text-align:center;}
    /*For the search.php (zoom)*/
    .zoom-search-page {float:right;margin:0;padding:0;margin-top:-16px;}
    /*Add to Lightbox link*/
    a.add-to-lightbox {font-size:0.8em;}
    /*For top of full image page where lightbox and ecard is*/
    .top-full-image-lightbox {float:right;}
    .top-full-image-ecard {float:right;}
    /*Zoom Gallery Properties box details */
    #details {clear:both;}
    .detail-box {}
    .detail-box-img-name-title {font-weight:bold;width:100px;text-align:left;}
    .detail-box-img-name {text-align:left;}
    .detail-box-filename-title {font-weight:bold;width:100px;text-align:left;}
    .detail-box-filename {text-align:left;}
    .detail-box-keyword-title {font-weight:bold;width:100px;text-align:left;}
    .detail-box-keyword {text-align:left;}
    .detail-box-date-title {font-weight:bold;width:100px;text-align:left;}
    .detail-box-date {text-align:left;}
    .detail-box-username-title {font-weight:bold;width:100px;text-align:left;}
    .detail-box-username {text-align:left;}
    .detail-box-desc-title {font-weight:bold;width:100px;text-align:left;}
    .detail-box-desc {text-align:left;}
    .detail-box-hits-title {font-weight:bold;width:100px;text-align:left;}
    .detail-box-hits {text-align:left;}
    .detail-box-ratings-title {font-weight:bold;width:100px;text-align:left;}
    .detail-box-ratings {text-align:left;}
    /*Zoom Gallery Commments*/
    .zmg-comment-block {padding:10px;margin:10px;border:1px solid #ddd;background-color:#fefefe;}
    h4.zmg-comment-intro {font-weight:bold;padding-bottom:10px;padding-left:10px;margin:0;}
    .comments-added-date {font-size:0.9em}
    .zmg-comments-added-name {font-weight:bold;padding-bottom:10px;}
    .zmg-comments-says {font-weight:normal;}
    .zmg-comments-added-text {padding-bottom:20px;}
    .zmg-comments {padding-top:20px;}
    .zmg-comments-name {text-align: right;margin-left:35px;}
    .inputbox-zmg-comment {width:280px}
    .zmg-comments-textarea {vertical-align:top;margin-top:10px;margin-left:10px}
    .zmg-comments-submit {margin:20px 0 10px 85px;}
    .zmg-comment-button {}
    .zmg-comments-emoticons {margin-left:10px;padding:5px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
    /* Zoom Gallery Ecard */
    h3.zmg-ecard-title {}
    #zmg-ecard form {margin:0;margin-top:20px;float:left;}
    #zmg-ecard label {text-align:right;}
    #zmg-ecard p {margin:0;padding-bottom:5px;}
    .zmg-ecard-name {margin-left:103px;}
    .zmg-ecard-email {margin-left:50px;}
    .zmg-ecard-friendsname {margin-left:53px;}
    .zmg-ecard-friendsendemail {}
    .zmg-ecard-msg {vertical-align:top;margin-left:114px;}
    .inputbox-zmg-ecard {width:250px;}
    .zmg-ecard-submit {padding-left:178px;padding-top:10px;}
    .clr {clear: both;}
    Okno PopUp:
    Kod:
    body {
      font-family:Tahoma, Arial, Verdana;
      font-size: 12px;
      color: #000033;
    }
    a {
      font-family: Tahoma, Arial, Verdana;
      font-size: 11px;
      font-weight: bold;
      color: #FF0000;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
    table, table.view {
      font-size : xx-small;
    }
    td {
      font-family: Tahoma, Arial, Verdana;
      font-size: 11px;
      color: #535353;
      font-weight: normal;
    }
    .caption {
      font-family: Tahoma, Arial, Verdana;
      font-size: 11px;
      color: #AC5D00;
    }
    .comment {
      font-family: Tahoma, Arial, Verdana;
      font-size: 10px;
    }
    .sectiontableheader {
      background-color : #0099FF;
      color : #FFFFFF;
      font-weight : bold;
    }
    Z tego co zauważyłem problem leży w templatce, te od yootheme nie działają poprawnie z zmg
    Ostanio edytowane przez wonsz : 09-09-2007 23:42

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2
    Przeglądacz
    Dołączył
    27-11-2006
    Wpisy
    85
    Punkty
    10

    Domyślny

    1) A ja mam pytanie czy da się jakoś Lightbox uruchomić w zdjęciach z zoom umieszczanych w artach przez moszoomthumb. Bo niestety w tej chwili otwiera mi zdjęcie w galerii. A może by to zrobić innym botem.


    2)Czy można zwiększyć zakres poprzedni/następny do wszystkich zdjęć z danej kategorii a nie tylko tych na stronie(wyświetla mi się 12 na stronę)

  4. #3
    Debiutant
    Dołączył
    04-09-2007
    Wpisy
    6
    Punkty
    10

    Domyślny

    Ja mam taką uwagę do mojego problemu że wina lezy po stronie templatki, domyślnie w templatce jest slimbox, niby lepsza odsłona lightboxa i po prostu w ZMG to się gryzie chyba razem i źle wyświetla. Gdy wyłącze w templatce slimbox nie ma w ogóle ani jednego ani drugiego

  5. #4
    Debiutant
    Dołączył
    11-01-2008
    Wpisy
    1
    Punkty
    10

    Domyślny

    Masz rację że to pewnie jest wina templatki.. ja korzystam z tempaltki rocktheme (ze slimboxem) i ZMG nie wyświetla prawidłowo Lightboxa tak jak u Ciebie. Problemu jeszcze nie udało mi się rozwiązać... Muszę spróbować reinstalkę tepmplatki ze wczesniejszym usunięciem slimboxa może to pomoże
    Pozdr

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •