Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Gallery Help

Featured Replies

Hello,

 

I would really like to put this gallery into my site and I downloaded the file however I don't really have any idea what to do with the files :unsure:

Gallery

 

I have chosen the gallery without script as I'm only getting to grips with css/html at the moment. Where abouts should I put the files? What file should I choose to open? How can I get the images in?

 

The site I'm doing is for a car company and I started working on it before I went away for 4 months. I was learning at the time and didn't finish the site completely. Whilst away it was being managed by one of the partners of the business but he's over 70 and never done any web design so the site is in a bit of a muddle and I'm still figuring that all out.

 

The gallery I am using at the moment is a bit messy. It works but I really want a clean, smart look.

 

My site

 

Sorry for all the questions, I really want the site to look good this week as I'm getting paid for it and don't want to let them down.

 

H

Morning

 

Looks like the gallery is scripted in <LI> tags and formatted in the CSS file!!

 

<ul>
	<li><a href="#nogo" title="jQuery series">jQuery series *new »<!--[if gte IE 7]><!--></a><!--<![endif]-->
	<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul>
		<li><a href="../gallery/jquery-all-in-one-gallery.html" title="9th December 2008">jQuery all-in-one</a></li>
		<li><a href="../gallery/jquery-slideshow3.html" title="27th November 2008">jQuery slideshow #3</a></li>

		<li><a href="../gallery/jquery-enlarge.html" title="15th November 2008">jQuery Enlarger</a></li>
		<li><a href="../gallery/jquery-slideshow-2.html" title="14th November 2008">jQuery slideshow #2</a></li>
		<li><a href="../gallery/jquery-slideshow-1.html" title="13th November 2008">jQuery slideshow #1</a></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li><a href="../gallery/slideshow.html" title="29th August 2008">Simple slideshow</a></li>

	<li><a href="../gallery/holiday_snaps.html" title="8th May 2008">Holiday photographs</a></li>
	<li><a href="../gallery/multi_click.html" title="18th February 2008">Multi click slide show</a></li>
	<li><a href="../gallery/multi-page2.html" title="23rd January 2008">Multi page slide show mk2</a></li>
	<li><a href="../gallery/simply_more.html" title="22nd November 2007">Gallery, simply more..</a></li>
	<li><a href="../gallery/multi-page.html" title="10th November 2007">Multi page slide show</a></li>
	<li><a href="../gallery/left_right_click.html" title="2nd November 2007">Left right click</a></li>

	<li><a href="../gallery/photo_click.html" title="2nd November 2007">Simple - photo click</a></li>
	<li><a href="../gallery/simple_noscript.html" title="27th October 2007">Simple - noscript option</a></li>
	<li><a href="../gallery/simple.html" title="27th October 2007">Simple</a></li>
</ul>

 

That is the basic HTML Code which you will need to put in your existing HTML - where you want your gallery to be! etc - make sure you copy all the code for the UL as they have scripted different code for different versions of IE etc!!

 

Then you will need to format it in the css...

 

The CSS file!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.