Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Aug 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need help with a website please

    Hi,

    I'm creating a website and i've got coin-slider running on all my pages. I'm using three slides and it works fine on its own. However i'm having a gallery page and i'm using Lightbox2 and using this is causing a conflict with Coin-slider.

    With the Lightbox scripts implemented Coin-slider displays the three images under one another (basically losing its interactivity).

    Lightbox has three JS files and a CSS. (Lightbox.js, Sciptaculous.js & Prototype.js) I've been messing around and as soon as i leave out Prototype.js, Coin-slider starts working again, obviously Lightbox stops then though.

    Does anyone have any idea how to fix this or what the conflict is?

    btw i know next to nothing about coding, i know how to edit scripts to change certain things but thats about it.

    Thanks.

  • #2
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Quote Originally Posted by pyros View Post
    Hi,

    I'm creating a website and i've got coin-slider running on all my pages. I'm using three slides and it works fine on its own. However i'm having a gallery page and i'm using Lightbox2 and using this is causing a conflict with Coin-slider.

    With the Lightbox scripts implemented Coin-slider displays the three images under one another (basically losing its interactivity).

    Lightbox has three JS files and a CSS. (Lightbox.js, Sciptaculous.js & Prototype.js) I've been messing around and as soon as i leave out Prototype.js, Coin-slider starts working again, obviously Lightbox stops then though.

    Does anyone have any idea how to fix this or what the conflict is?

    btw i know next to nothing about coding, i know how to edit scripts to change certain things but thats about it.

    Thanks.
    This is not an HTML/CSS issue and please don't cross-post.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting


  •  

    Posting Permissions

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