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


Permlink Replies: 30 - Pages: 3 [ 1 2 3 | Next ] - Last Post: 24 Feb 21, 23:28 Last Post By: RobM
WCICellars

Posts: 13
Registered: 26-Dec-2014
Hydrogen Hyperlinks
Posted: 29 Jan 21, 08:11
 
  Click to reply to this thread Reply
Hello,

My apologies if there was already another forum topic about this, I tried searching but came with no answers. I'm using a hydrogen theme skin for my album: https://www.winecellarinnovations.com/photo-testimonials/index.html

I cannot seem to find any settings about hydrogen in the jalbum and how to change the social media links, and menu navigation. I was hoping if anyone could help me with this or lead me to a similar theme where the comments on the photos would show as well, same as this.

Would appreciate the help.

Many thanks
RobM

Posts: 3,815
Registered: 4-Aug-2006
Re: Hydrogen Hyperlinks
Posted: 29 Jan 21, 16:30   in response to: WCICellars in response to: WCICellars
 
  Click to reply to this thread Reply
The social media code is in index.htt at lines 245 to 251
<p class="fh5co-social-icons">
<a href="#"><i class="icon-twitter"></i></a>
<a href="#"><i class="icon-facebook"></i></a>
<a href="#"><i class="icon-instagram"></i></a>
<a href="#"><i class="icon-dribbble"></i></a>
<a href="#"><i class="icon-youtube"></i></a>
</p>

The icons are in the skin's res folder>hydrogen: css and fonts folders. look for the icomoon files.

The skin is not being developed further.
WCICellars

Posts: 13
Registered: 26-Dec-2014
Re: Hydrogen Hyperlinks
Posted: 29 Jan 21, 16:32   in response to: RobM in response to: RobM
 
  Click to reply to this thread Reply
Sorry but where do I go in order to edit the index.htt? I am used to seeing all the info at the settings tab in Jalbum. I am not aware if there is anything beyond that.
RobM

Posts: 3,815
Registered: 4-Aug-2006
Re: Hydrogen Hyperlinks
Posted: 29 Jan 21, 16:36   in response to: WCICellars in response to: WCICellars
 
  Click to reply to this thread Reply
The menu navigation is generated by javaScript, unless you know javascript well it would be difficult to modify.

For other skins it is really best to look at the skins page and select one you like best.
RobM

Posts: 3,815
Registered: 4-Aug-2006
Re: Hydrogen Hyperlinks
Posted: 29 Jan 21, 16:39   in response to: WCICellars in response to: WCICellars
Helpful
  Click to reply to this thread Reply
WCICellars wrote:
Sorry but where do I go in order to edit the index.htt? I am used to seeing all the info at the settings tab in Jalbum. I am not aware if there is anything beyond that.
You might be best just picking a new skin, however:
With jAlbum running press SHIFT + CMD/CNTRL + C.
In your OS file browser navigate to the 'skins' folder and look for the hydrogen folder.
All of the skin's files are there.
JeffTucker

Posts: 8,039
Registered: 31-Jan-2006
Re: Hydrogen Hyperlinks
Posted: 29 Jan 21, 16:42   in response to: RobM in response to: RobM
Helpful
  Click to reply to this thread Reply
Easier: Tools, Open directories, Skin directory, or CTRL-SHIFT-S.

ETA: But yes, Hydrogen exists only as a 5-year-old beta whose developer is long gone. Not really a solid choice, going forward.
WCICellars

Posts: 13
Registered: 26-Dec-2014
Re: Hydrogen Hyperlinks
Posted: 3 Feb 21, 09:17   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Thank you so much for the information everyone I was able to fix it.
Is there any way we can add alt tags to the images?
If not, is there a jalbum template that has that function?
RobM

Posts: 3,815
Registered: 4-Aug-2006
Re: Hydrogen Hyperlinks
Posted: 3 Feb 21, 11:59   in response to: WCICellars in response to: WCICellars
 
  Click to reply to this thread Reply
You could search index.htt for img, then add the alt tags in those strings. However, you might need to modify the inject.js file to include the title or label of the images, to make them accessible to index.htt.

I’m sure there is information on how Hydrogen was made, but I can’t find it just now.

I’ll have a look at how I made Sprint, which uses the same techniques, but I haven’t touched that for two years.
RobM

Posts: 3,815
Registered: 4-Aug-2006
Re: Hydrogen Hyperlinks
Posted: 3 Feb 21, 22:49   in response to: WCICellars in response to: WCICellars
 
  Click to reply to this thread Reply
To add alt tags change line 219 of index.htt from
var slide = $jA("<img src='" + slides[i].slide + "'>");

to
var slide = $jA("<img src='" + slides[i].slide + "' alt='" + slides[i].name + "'>");

Note for clarity, img src= and alt= are followed by a single quote and then a double quote. They are then followed by double quotes and a single quote, e.g after .slide + and .name +
WCICellars

Posts: 13
Registered: 26-Dec-2014
Re: Hydrogen Hyperlinks
Posted: 4 Feb 21, 15:28   in response to: RobM in response to: RobM
 
  Click to reply to this thread Reply
I added the line of the coding into the index but I'm unsure of what you meant about the inject.js. Also how would this show up in the jalbum so that I can add the alt text of every image individually?
RobM

Posts: 3,815
Registered: 4-Aug-2006
Re: Hydrogen Hyperlinks
Posted: 4 Feb 21, 15:33   in response to: WCICellars in response to: WCICellars
 
  Click to reply to this thread Reply
It turns out you don’t need to modify the inject.Json file, just the changes above.
RobM

Posts: 3,815
Registered: 4-Aug-2006
Re: Hydrogen Hyperlinks
Posted: 4 Feb 21, 18:52   in response to: WCICellars in response to: WCICellars
 
  Click to reply to this thread Reply
WCICellars wrote:
Also how would this show up in the jalbum so that I can add the alt text of every image individually?
The code I gave above sets the alt tag for slide images to the file name of the image. Did you want it setting to something else?
WCICellars

Posts: 13
Registered: 26-Dec-2014
Re: Hydrogen Hyperlinks
Posted: 5 Feb 21, 13:06   in response to: RobM in response to: RobM
 
  Click to reply to this thread Reply
What I'm trying to say is that is there any way for me to add an alt text while i upload photos over on the jalbum? because so far from what I can see, we could only upload the photo, write a comment, but there is no text field or way to add on some alt text for the image.
JeffTucker

Posts: 8,039
Registered: 31-Jan-2006
Re: Hydrogen Hyperlinks
Posted: 5 Feb 21, 13:21   in response to: WCICellars in response to: WCICellars
 
  Click to reply to this thread Reply
There isn't any alt text associated with an image. That's not part of its metadata. The image metadata includes the file name, and, optionally, things like shooting information (exposure, aperture), and user-entered things like a title, a comment, some keywords, etc. The alt text is simply a requirement of web page layout - an image always has to include some text that the browser can use if the image can't be loaded. This text isn't part of the image - it's just what text the web page creator chooses to attach to the tag for an image. For example:
<img src="mydog.jpg" alt="a picture of a dog" title="My Dog">
This will show mydog.jpg on the page. When the user hovers on the image, the popup will show My Dog. If the image can't be loaded for some reason, the space where the image should be will show the words, a picture of a dog, in that space. Screen readers for the blind will also "speak" the alt text, since the blind person can't see the picture. The alt text can be anything the web page writer chooses. It's not an attribute of the mydog.jpg file itself.
WCICellars

Posts: 13
Registered: 26-Dec-2014
Re: Hydrogen Hyperlinks
Posted: 8 Feb 21, 08:32   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
Hi Jeff, thank you for the explanation but I already understood what an alt text is and what its purpose is for. But like as you mentioned, we can add a title, comment, keywords on to the photo. But is there a way where we can also user-enter an alt text for the image?

I apologize if my explanation wasn't clear enough. Thank you for all of your patience into helping out.
Legend
Forum admins
Helpful Answer
Correct Answer

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