Results 1 to 3 of 3

Thread: Lightbox problem

  1. #1
    Join Date
    Sep 2013
    Location
    Antalya - Turkey
    Posts
    25
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default Lightbox problem

    Hi everybody;

    I use lightbox in my website but i have small problem.
    I have photos gallery with filter(for example me,my family,my school,etc.)...If i select one item in the filter (for example my family) coming only my family photos.The problem is stay all photos on the screen (but they are in opacity)...
    I only want,if i select one item (for example my family),staying only my family photos,not another photos.

    This is my exaple webpage: http://ornek7.antalyabalikcilik.com.tr/#/portfolio

    Thank you for your help in advance..
    Last edited by volkantr19; 09-14-2013 at 07:32 AM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,127
    Thanks
    44
    Thanked 3,228 Times in 3,189 Posts
    Blog Entries
    12

    Default

    Using a text only editor like NotePad, add the highlighted as shown to the ornek7.antalyabalikcilik.com.tr/css/style.css file (around line #870):

    Code:
    .ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1), .ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2), .ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3) {
     opacity: 0.1;
     -webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
     -o-transform: scale(0.5);
     -ms-transform: scale(0.5);
     transform: scale(0.5);
     display: none;
    }
    But, I think you would be happier with:

    Code:
    .ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1), .ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2), .ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3) {
     opacity: 0.1;
     -webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
     -o-transform: scale(0.5);
     -ms-transform: scale(0.5);
     transform: scale(0.5);
     visibility: hidden;
    }
    Either way, the unseen image trigger's larger images are still a part of the lightbox gallery group and their larger images will be seen when using the lightbox's next and previous arrows. If you want to change that, you will need a different lightbox script (or an edit to the current version) and javascript code to change the data-rel attributes of the items you don't want appearing in a given group. But that's not css, that's javascript.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    volkantr19 (09-10-2013)

  4. #3
    Join Date
    Sep 2013
    Location
    Antalya - Turkey
    Posts
    25
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    Yes,finally someone solved my problem...
    Thank you very much John,you are best one...
    Thanks a lot...

Similar Threads

  1. problem with lightbox
    By Jasminrachel in forum HTML
    Replies: 8
    Last Post: 06-19-2009, 12:29 PM
  2. Replies: 1
    Last Post: 04-18-2009, 06:51 PM
  3. Lightbox problem in IE7
    By thegraphicbin in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 02-08-2009, 08:54 PM
  4. Problem with Lightbox v2.03
    By Steve Farillo in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 08-19-2007, 01:36 PM
  5. Lightbox V1 Problem....help please
    By NairB in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 03-17-2007, 06:20 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •