This question is answered. Helpful answers available: 2. Correct answers available: 1.


Permlink Replies: 21 - Pages: 2 [ 1 2 | Next ] - Last Post: 19 Jun 20, 05:29 Last Post By: JeffTucker Threads: [ Previous | Next ]
RJLaBella

Posts: 41
Registered: 22-Apr-2007
Neptune: Full screen slideshows?
Posted: 12 Sep 19, 22:14
 
  Click to reply to this thread Reply
I run my Jalbum/Neptune albums in an embedded iframe on my webpage.

<td align="center" valign="middle" width="100%" height="1024">
<iframe src="Albums/9-7-2019 Longboard Classic/index.html" width="100%" height="1024"></iframe>
</td>

I am trying to determine how to force it to produce full screen slideshows as the slideshows currently do not fill the available screen space. Is there a way to configure either Jalbum or the Skin to produce full-screen slideshows?

JeffTucker

Posts: 8,039
Registered: 31-Jan-2006
Re: Neptune: Full screen slideshows?
Posted: 12 Sep 19, 22:52   in response to: RJLaBella in response to: RJLaBella
 
  Click to reply to this thread Reply
In a word, no. The skin doesn't offer any such option, and the jAlbum core, on its own, doesn't produce a single line of HTML, CSS, or Javascript, so it certainly can't do anything about it.

Please read this:

https://jalbum.net/forum/thread.jspa?threadID=54538

On your site, even on a large monitor, I get vertical scrollbars within vertical scrollbars. Ugh. I hate to think of what a mess it must be on a mobile device. Even on an iPad, it's probably an ordeal.

Let the albums stand on their own, with a link back to your home page. I think your visitors can live without having the top navigation on every page. And you could scale down your logo a bit, and include it in the titlebar of the Neptune album.
RJLaBella

Posts: 41
Registered: 22-Apr-2007
Re: Neptune: Full screen slideshows?
Posted: 24 Sep 19, 20:14   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Point taken. I am always open to improving the usability of my website. I read the link above and would like to further explore what the following quote refers to:

The better approach is almost always to let the album stand on its own, and use the navigation provided by the skin to let your visitor return to your own page. If you want to provide things like a custom banner or navigation menu, many skins provide ways to incorporate your own content into the album without resorting to the sledgehammer of an IFRAME.

Does Neptune provide this capability?
JeffTucker

Posts: 8,039
Registered: 31-Jan-2006
Re: Neptune: Full screen slideshows?
Posted: 24 Sep 19, 20:40   in response to: RJLaBella in response to: RJLaBella
 
  Click to reply to this thread Reply
As is the case with almost every current skin, if you enter the URL of your own page under Album > Settings > Pages > Link to homepage, the skin will automatically plant an icon on the main page of the album that leads back to that homepage. Use an absolute URL.

You can put your own custom CSS and HTML in the album on the Neptune > Code > CSS and Neptune > Code > HTML tabs, but you have to know what you're doing. The skin won't write the code for you. It also can't correct invalid HTML - I ran your current "Lighthouses" page through a validator, and it coughed up 130 errors and 7 warnings.
JeffTucker

Posts: 8,039
Registered: 31-Jan-2006
Re: Neptune: Full screen slideshows?
Posted: 25 Sep 19, 00:10   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
I couldn't resist having a little tinker, and came up with a couple of alternatives. Both of these albums come straight out of jAlbum. The logo header and navigation are part of the album project - no iframes, and all valid HTML5. The navigation links are all "live," and lead back to your site.

First, one that sticks closely to the style of your existing site:

(demo removed)

Notice that the nasty double vertical scrollbars are gone, and when you click on a thumbnail, the image makes use of the entire viewport, rather than being jammed into an iframe.

A second experiment, but with the navigation positioned below the Neptune banner. Not as consistent, but maybe a better-balanced page:

(demo removed)

What I'd really like to do is plant your logo in the Neptune header, but that gets very messy, very fast. And the biggest problem is that your big logo is not a transparent PNG file, so it would land on the banner image like a lead weight, I'm afraid.

I didn't try to replicate your bottom navigation, but since that's mostly a repeat of the top navigation, it seems like overkill.

Edited by: jGromit on 21-May-2020 00:56
RobM

Posts: 3,815
Registered: 4-Aug-2006
Re: Neptune: Full screen slideshows?
Posted: 25 Sep 19, 10:21   in response to: RJLaBella in response to: RJLaBella
 
  Click to reply to this thread Reply
Are you aware that your site is blocking access from the UK, and probably the EU too? If so, is that due to EU internet policies?
JeffTucker

Posts: 8,039
Registered: 31-Jan-2006
Re: Neptune: Full screen slideshows?
Posted: 25 Sep 19, 13:22   in response to: RobM in response to: RobM
 
  Click to reply to this thread Reply
RobM wrote:
Are you aware that your site is blocking access from the UK, and probably the EU too? If so, is that due to EU internet policies?

My own site is allowing traffic from the U.K., but if there's a no-deal Brexit, you'll be forced to wait at the border for three days before getting to the pages.
RobM

Posts: 3,815
Registered: 4-Aug-2006
Re: Neptune: Full screen slideshows?
Posted: 25 Sep 19, 17:37   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
jGromit wrote:
RobM wrote:
Are you aware that your site is blocking access from the UK, and probably the EU too? If so, is that due to EU internet policies?

My own site is allowing traffic from the U.K., but if there's a no-deal Brexit, you'll be forced to wait at the border for three days before getting to the pages.

Attached screen grab of UK/England being blocked - maybe Scotland, Whales and Ireland are ok?

Not just your pages, but in the event of a no deal we’ve been led to believe the Earth will stop spinning and the Sun will go supernova - but only the UK will be affected!
RJLaBella

Posts: 41
Registered: 22-Apr-2007
Re: Neptune: Full screen slideshows?
Posted: 5 Dec 19, 23:09   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
I finally have some time available to address eliminating the use of iframe in my album pages. I am intrigued with your samples.
Is this using the Neptune skin, or another. And since I'm not a web expert I'm not sure how to embed my page header in the album page.
JeffTucker

Posts: 8,039
Registered: 31-Jan-2006
Re: Neptune: Full screen slideshows?
Posted: 6 Dec 19, 15:24   in response to: RJLaBella in response to: RJLaBella
 
  Click to reply to this thread Reply
Tell me which example you like better, and I'll give you the step-by-step instructions. They're both Neptune, but with some additional material in the Code section of the settings.

It's just luck that I still have those test albums. Normally, when someone disappears for over two months, I dump the stuff, and am not willing to go to the trouble of creating it again.
RJLaBella

Posts: 41
Registered: 22-Apr-2007
Re: Neptune: Full screen slideshows?
Posted: 8 Dec 19, 20:53   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Thanks much. I like Nebulas as it keeps the menu out of the album area. Really looking forward to how this got created.

Thanks,
Rich LaBella

Edited by: RJLaBella on 08-Dec-2019 14:53
JeffTucker

Posts: 8,039
Registered: 31-Jan-2006
Re: Neptune: Full screen slideshows?
Posted: 8 Dec 19, 22:16   in response to: RJLaBella in response to: RJLaBella
 
  Click to reply to this thread Reply
Attachment demo1.zip (176.4 KB)
To make this even easier, I'm attaching a complete zipped-up project, but with just a couple of small placeholder images, and without the output.

The routine has several parts. First is to create a res folder in the album project (the name is critically important), and to add a couple of graphic files to it - your logo and the Facebook icon. In my zipped-up example, those are called Logo.jpg and findus-fb.jpg.

The next step is to head for Neptune > Code > HTML > HTML to be inserted after <body> opening tag. There, we enter the HTML for the logo and FB link in a header, then the navigation links to the rest of your site. You can see the HTML coding in the demo1 project. This is what it looks like:
<div id="rjlhead">
<div id="rjllogos"><a href='https://rjlabellaphotos.com/index.htm'><img class='rjlogo' src='res/Logo.jpg' alt=''></a><a href='https://www.facebook.com/RJLaBellaPhotos'><img class='rjlfb' src='res/findus-fb.png' width='110' height='40' alt=''></a></div>
<div id="navbar">
<ul>
<li><a href='https://rjlabellaphotos.com/index.htm'>Home</a>
<li><a href='https://rjlabellaphotos.com/Portfolio.htm'>Portfolio</a>
<li><a href='https://rjlabellaphotos.com/Recent%20Additions.htm'>Recent Additions</a>
<li><a href='https://rjlabellaphotos.com/Favorites.htm'>My Favorites</a>
<li><a href='https://rjlabellaphotos.com/Pricing.htm'>Shop</a>
<li><a href='https://rjlabellaphotos.com/Biography.htm'>Biography</a>
<li><a href='https://rjlabellaphotos.com/Contact.htm'>Contact</a>
</ul>
</div>
</div>

Next, it's off to Neptune > Code > CSS to style all of this stuff. Here again, you can see the coding in the demo1 project:
#rjlhead {
	padding: 0px 0px 15px;
	text-align: center;
}
#rjllogos::after {
	content: '';
	clear: both;
	display: table;
}
.rjlogo {
	float: left;
}
.rjlfb {
	float: right;
}
#navbar {
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	font-size: 17px;
	font-style: italic;
}
#navbar li {
	list-style: none;
	float: left;
	padding: 0px 13px;
	border-right: 1px solid #c0c0c0;
}
#navbar li:last-child {
	border-right: none;
}
#navbar a {
	color: #c0c0c0;
}
.ne-bodyopening {
	margin: 8px;
}
Of course, you don't need to code any of this - you can use the demo1 project as a template.

Last, on your site, instead of planting the album in an iframe, you can create a link to the album created with this album project. The album contains all the links needed to get back to your site.
RJLaBella

Posts: 41
Registered: 22-Apr-2007
Re: Neptune: Full screen slideshows?
Posted: 10 Dec 19, 00:12   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Thanks for the info. I'll work on it.
JeffTucker

Posts: 8,039
Registered: 31-Jan-2006
Re: Neptune: Full screen slideshows?
Posted: 10 May 20, 00:26   in response to: RJLaBella in response to: RJLaBella
 
  Click to reply to this thread Reply
You're going to need to straighten out your website structure. This may seem complicated, but it's not. Once you get it cleaned up, you'll find it much easier to maintain.

For starters, do not try to "name" your index pages (OK for things like your Shop, Biography, and Contact pages, but not for your albums).

Second, do not upload your albums to locations with long, complicated paths. Let the server directory structure take care of it for you.

Third, no iframes. Anywhere. Ever.

So, let's lay it out:

http://rjlabellaphotos.com - your home page
http://rjlabellaphotos.com/Lighthouses/ - your Lighthouses album. Note, not Lighthouses.htm, or rjlabella.com/Albums/Lighthouses.
http://rjlabellaphotos.com/Wildlife/ - your Wildlife album. Note, not Wildlife.htm, or rjlabella.com/Albums/Wildlife.

etc.

Now, menu entries. From your homepage, and also from the navigation on each of your albums, the links to the other albums become very simple. The link to your Lighthouses album is always:

http://rjlabella.com/Lighthouses/

The link to your Wildlife album is always:

http://rjlabella.com/Wildlife/

This means that the code we're inserting into Neptune > Code > HTML becomes:
<div id="rjlhead">
<div id="rjllogos"><a href='https://rjlabellaphotos.com/index.htm'><img class='rjlogo' src='res/Logo.jpg' alt=''></a><a href='https://www.facebook.com/RJLaBellaPhotos'><img class='rjlfb' src='res/findus-fb.png' width='110' height='40' alt=''></a></div>
<div id="navbar">
<ul>
<li><a href='https://rjlabellaphotos.com/index.htm'>Home</a>
<li><a href='https://rjlabellaphotos.com/Portfolio/'>Portfolio</a>
<li><a href='https://rjlabellaphotos.com/Recent%20Additions/'>Recent Additions</a>
<li><a href='https://rjlabellaphotos.com/Favorites/'>My Favorites</a>
<li><a href='https://rjlabellaphotos.com/Pricing.htm'>Shop</a>
<li><a href='https://rjlabellaphotos.com/Biography.htm'>Biography</a>
<li><a href='https://rjlabellaphotos.com/Contact.htm'>Contact</a>
</ul>
</div>
</div>
The only wrinkle comes with the Portfolio page. You can build this with jAlbum/Neptune, as an "album of albums." Add web locations for each of the other albums. Upload it to:

http://rjlabella.com/Portfolio/
RJLaBella

Posts: 41
Registered: 22-Apr-2007
Re: Neptune: Full screen slideshows?
Posted: 10 May 20, 20:11   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
I will be removing all of the album .htm files from the root as I update each album as they won't be needed any longer. So eliminating the Album folder is no problem. I will replace each .htm with the individual album folder.

Uploading to the server directory structure will then be straightforward.

One question , though, not sure I get "do not try to "name" your index pages".

Got quite a bit of conversions to do in the next week once I have thoroughly tested the converted MyFavorites and RecentAdditions albums <grin>.

Thanks,
Rich LaBella
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums