Buttons link to an iframe that opens up in the same window?

  • 1
  • Question
  • Updated 10 years ago
  • Answered
I have a bunch of buttons across my menu bar. I would love for each button to open up to a gallery of pictures below the menu bar and for the user to be able to close it once s/he is finished looking at it. Does anyone know if this is even possible?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
  • still plodding away

Posted 10 years ago

  • 1
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
Don't know much about iframe, but a firm believer in anchors. At leased maybe I'll learn a little about iframes. Maybe this will work, maybe not.

<!--
<a name = 'a1'></a> (Place at Top of Page over image bar in HTML)

<a href = '#a2'></a>(incorporate into button gallery #1 ?)
<a href = '#a3'></a>(incorporate into button gallery #2 ?)

<a name = 'a2'></a>(Place Over gallery #1 in HTML)
<a href = '#a1'>Return to Top of Page or Menu Bar</a>(Place Just Under Image in HTML)

<a name = 'a3'></a>(Place Over gallery #2 in HTML)
<a href = '#a1'>Return to Top of Page or Menu Bar</a>(Place Just Under Image in HTML)
-->

This could work if gallery's are on same page. If you get to many gallery's/images on page you could lead to slow loading of page.

The other thing possible to do is upload the gallery's/image buttons as "images" and hyperlink/anchor to their respective page/page settings. To leave this page you could have a "Previous Page" link at bottom of page or select from the menu bar.

One other thing is make a templates page and "Save page as". Then just add the gallery/iframe to each new page. However if you add or remove pages you would have to redo the menu bar.

You could do a "previous | 1 | 2 | 3 | 4 | Next" at bottom of each page and hyperlink/anchor to the different gallery.

Maybe this won't work with a iframe, but now I'll learn a little about iframes.

After the people view your gallery and close it, where will they be or sent to?

Papa
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
First off, thanks for the idea.

Secondly, you asked where people will be sent after they close my gallery - they would remain on my site. They wouldn't be sent to anywhere.

I have to use iframes. So, this suggestion may not work. I'll have to do some more thinking on it.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
I'm bumping up all the yellow faces.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
LOL... thanks for the bump!
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
That code you are using for your FAQ.
Will that not work instead of the iframe?
You can add images instead of text you know !

Not sure what you are trying to do.
Do you have an example?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I have no idea what I'm talking about!! lol. I'm just brainstorming here. I did think of that code for the FAQ but I don't know how to make it work with an iframe.

This is a total aside here.. but remember that horizontal scroller thingy I was talking to you about so that it has no blank spaces between the last and first picture? Well check it out! http://dejavuapparel.synthasite.com/t...
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Have a look at my new site again: http://www.helderberg.cc/

The horoscope section is done with an iframe.
I created another site with 12 pages. (one for each star sign)
Each page gets the daily horoscope feed. (Aries, Gemini, Cancer etc.)

The Helderberg site opens each page on the other site, via the
dropdown, in an iframe. (hope that makes sense)

Looks a lot simpler than it actually is. Can be done though!
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Wowee. That scroller really looks cool!!!
You got to give me that !!

I'll show you another one I was working on.
Give me a minute to get the URL.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
That may work Boomer!! I'll have to change my buttons to a drop down menu instead of being horizontally across my menu bar, unless there's a way to do it with my image buttons and links.

So... am I going to be working all night on this??? =)

If you wouldn't mind sharing your code.. I'd really appreciate it.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
What you think of this scroller ??
http://helderberg.cc/hotlink.php
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Oooooeeee... fancy schmancy!!! I really like the image one!! I think yours blows mine outta of da water!!! Ahh.. this is fun, ain't it?!
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Pretty similar to yours except for the "speeding up" feature.
Only difficuilty with this one (not really though) is that you are going
to have to host a .js file on another (free) file hosting site.

If that's not a problem for you....its no problem!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I think I'll just stick with my average joe scroller here for now until I feel I can handle the more advanced stuff! =) But, I wouldn't mind take a crack at that code with the iframe and drop down menu.
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hey, it's not average joe by a long shot !!
I really like your one, and its not really that much different.

It's the first time I've experimented with hosting a file off-site, and 'hotlinking" to it.
I'm not that comfortable with it myself. Lets rather play safe ;-)

Ok, back to the iframe if you want. First of all I need to know exactly what
you are trying to do. The iframe route is not that simple, and I think it may
not be effective enough for you.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I'll try my best to do some more explaining about the iframe thing.

Currently, I have photo gallery which I use through JAlbum, which allows me to embed my albums into my site via iframe.

For my "store", I was thinking of creating a photo gallery for each of my categories. Hence the reason why I made so many buttons across my site.
(e.g. 0-3 3-6 6-12, etc...)

Initially, I had the galleries set up so that when a person clicks on the button, they are taken to a page which contains the pictures relevant to the category.

Now... what I would like instead.. is for the person to click on the button, and the gallery shows up beneath without being taken to a new page.

I think yours will work cuz the person clicks on the horoscope sign, and in that frame, the info comes up. So, in my case, if a person clicks on 6-12 months, then the 6-12 month gallery will show up.

So what are your thoughts on this??
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Just a thought littleus.

Tell me what you think of the disjointed mouseover effect on this site.
It's quite easy to do if you like it: http://www.chameleonlodge.com/gallery...
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
That looks awesome! That's actually the type of look I'm going for when I create my photo album with JAlbum.

Were you thinking of using this with the iframe idea?
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Hey littleus,

As you can tell I'm trying to steer away from the iframe route.
Placing an iframe in your site is a great idea and easy enough (<!--<iframe> bla, bla, bla </iframe>-->) but I don't think it's a smart way for displaying photo's.

First of all you are going to have to create a second site to host the photos,
and then link to them using the iframe. The question that comes to mind is, how many photos do you want to link to in the iframe, is it one or multiple ?

I'm assuming you are going to have multiple clothing items, and updating them on a secondary site could make your life easier or it could become a mission???

Obviously, you dont want people to have to keep clicking back and forth to view the different items of clothing (or other photo's for that matter), and would like to keep them on the same page to avoid frustration.

You need to think long and hard about the route you would like to take before
setting out and loading your inventory. You don't want to have to change it
half way through. Just my thoughts anyway. Either way is easy enough for me.

Setting up the site infrastructure is a once off. Maintaining the inventory is
the hard (on-going) part. (taking photo's, resizing, item descriptions and pricing) I've been there done that (and as you can now see) got the Yola T-Shirt ;-) Look here at my Yola template page or here at one of my accomodation listing pages. (loads of condensed info per listing)

Either way, I'm eager to help. Make up your mind woman! Haha.
Just kidding. I'm at your mercy, littleus.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Arrggghh.... I don't know.. I just don't know!!!

Okay... I just realized that I can make sub albums in my main album. Would you mind taking a look here. (The page is looking very rough.. please try and to cringe!) Do you think that's too much clicking to get to each folder?

My worry in using your idea, is that the pages would get soooo long since I will have many photos.

Sigh... I don't know what to do. Anyway.. take a look:

http://dejavuapparel.synthasite.com/s...
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Pasword protected.........all of them
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
LOL... I mean to say "Please try and NOT to cringe" not "Please try and to cringe!"
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
It shouldn't be!! Okay... I must have forgotten to update my site. Try again. Sorry about that!
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
I think it's perfect, littleus. You are a smart girl!!
I wouldn't change a damn thing. Ok maybe just one.
You need a button to take you to the previous menu.
Otherwise you going to wear out a few browser back buttons ;-)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Boomer, I've taken your suggestion to heart and found an album style that incorporated the buttons to take you back to the previous menus. The other one did have it too, but it just wasn't obvious (you just had to click on the titles). The style I chose is more graphic looking with arrows and grids, etc..

Whoo boy... I'm glad that this part is over! What a headache! Thanks for being my sounding board. Now to just figure out how to pull it all together! =)