Image Gallery?

[chickblogger]

Hi, guys:

I want to place an image gallery on a site of mine. However the site I am placing the image gallery on has a static homepage and a placeholder for either a video or images. I want to place an image gallery there, but it needs to be placed in there with HTML. All the image galleries I have looked at are placed via a short code or PHP.

Does anyone know of an image gallery that can be inserted with HTML code?

Please advise.

[ChristineCobb]

I have had luck finding some special programs at Code Canyon. I just did a quick search and found this HTML code that might work for you. http://codecanyon.net/item/html5-gallery-banner-with-buttons-/2486260

[chickblogger]

Thanks, @Christine. I see that the gallery is made with HTML 5, but not sure if I can place the gallery with an HTML embed code, which is what I am looking for.

The WP theme I am using won't accept anything but HTML code in the box I am trying to place the gallery in.

Make sense?

[ChristineCobb]

Is it a widget area? Did you try a shortcode? Many times a shortcode will even work in a text box.

[chickblogger]

No, it is for the admin options panel. One of the options is a box to place your code for either a YouTube video or an image source. I don't want a video there, but an image gallery instead. As I also don't want just one image, but a slider of images - if you will.

And yes! I did try a short code and it didn't take.

[ChristineCobb]

How about this one? http://wordpress.org/extend/plugins/horizontal-slider/installation/

[chickblogger]

Thanks for the link and that might work, except am having trouble finding the source code. See instructions below from the plugin author.


How To Install Via Html. You can use the plugin as HTML code and insert it directly where you want. The way to do this is by first using the plugin as a widget or plugin and edit the source code. Select the code between the tags: <! - Jquery horizontal slider -> and <! - End Jquery horizontal slider ->. Copy this html code where you want and the slider worked perfectly whenever a wordpress with plugin installed and active.

Where do I find the source code, within what page?

Let me know.

[ChristineCobb]

I'm guessing that you install and configure the slider in a widget first. Then view the page where the slider is displayed. Then view the source code of that page. In Firefox, you can click CTRL+U to get the source code. Then find Jquery horizontal slider and copy the code between the two tags they mention. Then paste that code into your html box.

[wade_watson]

If I wanted something strictly HTML, I wouldn't bother trying to pull some code out of a WordPress plugin. There have to be hundreds of free HTML gallery code scripts on the web. I just Googled "html image gallery script (http://www.google.com/search?sclient=psy-ab&hl=en&site=&source=hp&q=html+image+gallery+script&btnG=Search)" (without quotes) and found a lot of interesting things.

[chickblogger]

@Cindy: That worked for me like a charm. Yay!!!! Thanks so much for the tip. At first, I thought I couldn't grab the code because it was in a widget, but then I re read your note below and noticed you said go to the page it is on, and sure enough I was able to grab the code from there. It worked. Thanks!!!!


Then view the page where the slider is displayed. Then view the source code of that page. In Firefox, you can click CTRL+U to get the source code.


@Wade - I did Google for html image gallery, but didn't find anything I could work with or that I understood. Thanks.

[ChristineCobb]

Glad that worked for you :)