Page 3 of 3 FirstFirst 123
Results 21 to 25 of 25

Thread: Creating a gallery slider

  1. #21
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,307
    Thanks
    3
    Thanked 286 Times in 279 Posts

    Default

    Hi there theremotedr,

    I have polished up and validated the HTML, CSS and JavaScipt files.

    At present it only includes one image, which I compressed from
    248 KB to 52 KB.
    If the rest were also compressed it would be a great saving!!

    Check out the attachment.


    coothead
    Attached Files Attached Files
    Last edited by coothead; 07-21-2022 at 12:42 PM.
    ~ the original bald headed old fart ~

  2. #22
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,261
    Thanks
    165
    Thanked 3 Times in 3 Posts

    Default

    Hi,
    What or how did you compress the image with.

    Also i see you have done the following.

    Code:
    <img src="bike-gallery/1.jpg" width="640" height="480" alt="" >
    I thought there was no need to put the 640 x 480 as it was covered by the css ?

  3. #23
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,307
    Thanks
    3
    Thanked 286 Times in 279 Posts

    Default

    Quote Originally Posted by theremotedr
    What or how did you compress the image with.

    I use "Riot", which is free and can be downloaded here...

    Riot-x86.zip

    I find that 75% is an ideal setting for most web applications.

    Quote Originally Posted by theremotedr
    Also i see you have done the following.

    Code:
    <img src="bike-gallery/1.jpg" width="640" height="480" alt="" >
    I thought there was no need to put the 640 x 480 as it was covered by the css ?

    Oooooops, sorry but I missed those in my purge. they can all be safely removed.

    coothead
    ~ the original bald headed old fart ~

  4. #24
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,261
    Thanks
    165
    Thanked 3 Times in 3 Posts

    Default

    Morning,

    I have now removed the 640 x 480 as advised.
    I have also now resized the images using RIOT as advise.
    Many Thanks.

    Can you check the following for me please.

    Code:
        <div class="column">
          <img class="demo" src="bike-gallery/33.jpg" alt="HONDA CBF 1000">
        </div>
        </div>
        <div class="footer">
           <p> Keys Supplied, Cut & Cloned In W-S-M</p>
           <P>Call Ian on 07899 827427</P>
        </div>
         
    <script src="js/bikegallery/bikegallery.js"></script>
    </body>
    </html>
    I wanted the footer text to be on its own from the other text.
    The above is what i have & it looks on on the page but did i do it correct.
    Please can you check it & its css.

    Have a nice day.

  5. #25
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,307
    Thanks
    3
    Thanked 286 Times in 279 Posts

    Default

    Hi there theremotedr,

    your HTML and CSS are both fine.

    The only error - very minor - that I could
    find was a missing closing div tag.

    It should be positioned as shown in red...

    Code:
        <div class="column">
          <img class="demo" src="bike-gallery/33.jpg" alt="HONDA CBF 1000">
        </div>
        </div>
        <div class="footer">
           <p> Keys Supplied, Cut & Cloned In W-S-M</p>
           <P>Call Ian on 07899 827427</P>
        </div>
      </div>     
    <script src="js/bikegallery/bikegallery.js"></script>
    </body>
    </html>

    coothead
    ~ the original bald headed old fart ~

Similar Threads

  1. trouble creating a photo gallery
    By Reptar92 in forum PHP
    Replies: 3
    Last Post: 08-09-2012, 02:49 AM
  2. Content Slider Gallery for video Gallery
    By Aleksandra in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 06-28-2011, 01:20 AM
  3. Creating An Image Gallery
    By experience66 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 10-18-2006, 08:42 PM
  4. help creating a gallery...
    By DizzyLizzy in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 07-09-2005, 01:45 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
  •