Our website is made possible by displaying online advertisements to our visitors.
Please consider supporting us by disabling your ad blocker.
Results 1 to 6 of 6

Thread: Any JQuery experts?

  1. #1
    Danno13's Avatar
    Join Date
    Jun 2005
    Location
    Worcestershire, West Midlands/Cotswolds Border
    Age
    37
    Posts
    4,903

    Default Any JQuery experts?

    Trying to revamp the gallery section of my website using this script -

    http://benjaminsterling.com/jquery-j...photo-gallery/

    Although not having any joy at all, I've never really used anything more than basic Javascript so a bit lost in trying to debug it.

    Test URL on my website - http://www.revolution-djs.co.uk/phot...howgallery=117

    Sure it's something really simple, any help would be much appreciated
    DJs, PA, Lighting & AV Hire, LED Uplighting & Wedding Lighting, Dance Floor Hire, Starcloth & Room Decor - Covering the Midlands & Cotswolds.
    Revolution Event Services Ltd - Wedding Lighting
    01386 898 113

  2. #2

    Join Date
    Apr 2009
    Location
    Hertfordshire
    Age
    52
    Posts
    452

    Default

    Danno,
    initial problem appears to be that you're not using their stylesheet.


    You should import this - I've not looked, but imagine the "gallery" element is hidden, and a few other tricks.


    There is also a minor error on your Javascript code that starts the plugin;

    I can't post the difference (due to automatic forum censoring)- but its fairly simple if you compare side-by-side.

    (missing end bracket and semi-colon).

    Post back once you've addressed these...

    For this kind of thing, I normally start with a blank page, get it working and then integrate.

    Jason
    Wedding DJ Hertfordshire
    Hertfordshire based DJ, also covering Essex and North London.

  3. #3
    Danno13's Avatar
    Join Date
    Jun 2005
    Location
    Worcestershire, West Midlands/Cotswolds Border
    Age
    37
    Posts
    4,903

    Default

    Ahh, knew it would be something simple, it was just that missing ); Good spot!

    Stylesheet was fine, there's an import below the script.

    Now it seems to be overlapping the photos though!
    DJs, PA, Lighting & AV Hire, LED Uplighting & Wedding Lighting, Dance Floor Hire, Starcloth & Room Decor - Covering the Midlands & Cotswolds.
    Revolution Event Services Ltd - Wedding Lighting
    01386 898 113

  4. #4
    Booche's Avatar
    Join Date
    Sep 2009
    Location
    Derbyshire
    Age
    40
    Posts
    3,477

    Default

    Sounds silly Dan but have you resized the images or made them all all the same size ?

    Will look into this later today when i get back home if you still need help matey

    Cheers Dave
    Dave

  5. #5
    Danno13's Avatar
    Join Date
    Jun 2005
    Location
    Worcestershire, West Midlands/Cotswolds Border
    Age
    37
    Posts
    4,903

    Default

    I wrote a php script that fetches/resizes/watermarks the photos, which was used on the old gallery, so I've added this back in now and set the stylesheet and script to use a set image width, so getting there now!
    DJs, PA, Lighting & AV Hire, LED Uplighting & Wedding Lighting, Dance Floor Hire, Starcloth & Room Decor - Covering the Midlands & Cotswolds.
    Revolution Event Services Ltd - Wedding Lighting
    01386 898 113

  6. #6
    Danno13's Avatar
    Join Date
    Jun 2005
    Location
    Worcestershire, West Midlands/Cotswolds Border
    Age
    37
    Posts
    4,903

    Default

    It doesn't seem to like having photos over 500px wide, even when resizing all the layers correctly, and there's something up with the link styles, but I suspect thats some kind of clash with my own stylesheet. Anyhow, works well enough so it's live here if anyone is interested - http://www.revolution-djs.co.uk/photo-gallery.php
    DJs, PA, Lighting & AV Hire, LED Uplighting & Wedding Lighting, Dance Floor Hire, Starcloth & Room Decor - Covering the Midlands & Cotswolds.
    Revolution Event Services Ltd - Wedding Lighting
    01386 898 113

Posting Permissions

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