Show Posts

1

HTML & templates / Re: Responsive small screen template

« on: January 18, 2020, 05:01:13 AM »

Quote from: danny on January 18, 2020, 04:09:32 AM

But, just imagine that full file thumbnails ARE needed via mobile data, but only as needed.

In lazyimages for V5.4 full file thumbnails are also shown on mobile, if they are cached

Show a image, refresh folder and you will see the thumbnail.
Or load a page on wifi, then turn wifi off (go to mobile), refresh and you will see thumbnails.
~~This works currently only in FF for Android, because Chrome native lazy load.~~
I've re-uploaded file, which also works with Chrome Android.

P.S. Edge79 (I don't have it yet) supports native lazy loading via flag

Edit: Listen to music offline

load the music folder over WiFi with urlvar /?cacheAll=1
then jogging in a forest without cell phone reception and listen to music
and let others know in advance where you go

2

HTML & templates / Re: Responsive small screen template

« on: January 16, 2020, 03:36:20 PM »

Quote from: danny on January 13, 2020, 10:27:34 PM

Mobil-Light with several add-ons pre-installed.
Mint theme, and a new hfs.filelist.tpl which provides short-date.

Why hide time on large screens?
I recommend to use formatmodified instead of changing hfs.filelist.tpl

3

HTML & templates / Re: Responsive small screen template

« on: January 06, 2020, 12:43:42 PM »

Replace

Code: [Select]

document.addEventListener("DOMContentLoaded", function() {with

Code: [Select]

document.addEventListener("click", function(e) {if(!e.target.href||!e.target.href.endsWith('.jpg')) return;e.preventDefault();

or (with a extra button)

Code: [Select]

document.querySelector('#mylazyloadbutton').addEventListener("click", function() {

4

HTML & templates / Re: Responsive small screen template

« on: January 03, 2020, 08:56:39 AM »

Thanks for review.
shuffle play needs addon
this fixes also nexttrack
there's no extra button for shuffle-play

Lazyimages don't load on cellular network.
prevent lazyload until clicking image link:

Code: [Select]

[+]
<script>
var thumbsize=0;
document.querySelector('#files').addEventListener('click', function(){
 var c=[...document.querySelectorAll('a[href$=".jpg"]')]
 if(!c.includes(event.target)) return
 thumbsize=64
 render(b)  //
})
</script>

lazyimages for FF needs adding if(!thumbsize) return;

On firefox, With lazyimages installed, slideshow works. @danny: In your (deleted) file you have removed class gri.

nothing new: newtemplate was bundled with V5.3

5

HTML & templates / Re: Responsive small screen template -update

« on: January 01, 2020, 04:11:36 PM »

Quote from: danny on December 31, 2019, 09:45:55 PM

I would like to see integrated (pre-assembled) version with mp3-player + photoviewer already within.

Quote from: dj on June 06, 2016, 05:33:36 AM

Edit: latest version

Features:
never reloads the page
logout(Edge)
searchcategorie
web-app-capable
generate thumbnails on upload
build-in pictureviewer(chrome77)
build-in audioplayer
only 10k

only 10k, this is why additional Slideshow (photoframe) is a addon,
but you can simply add the code at the end

changelog: better addons (with custom event), selectall

6

HTML & templates / Re: Responsive small screen template - update

« on: December 01, 2019, 12:05:44 AM »

photoframe comes with play button, ambilight and more 🕯

Edit: 🎅
add weather to slideshow (uncommend last line)
add remote control (space key)
add videoclips covert them to webp

Videoframe works with all templates (with Motion Photo Viewer)
Videothumbs shows first frame (also tested with HFS2.4) 🍀

7

HTML & templates / Re: Responsive small screen template

« on: November 17, 2019, 02:13:13 AM »

@danny: Edit: onerror="this.onerror=null; setTimeout(function(){this.src='%item-url%'}.bind(this),157)"
(to test endless loop: add .jpg to a textfile)

Santa clause will bring a photoframe with blured background (ambilight) on 1. Advent

8

HTML & templates / Re: Responsive small screen template - addon

« on: November 01, 2019, 08:28:22 AM »

halloween has enchanted the date

show relative date as yesterday

Quote from: danny on October 08, 2019, 05:47:49 AM

onerror="this.src='%item-url%'"

you should add this.onerror=null; otherwise you can get endless loops. Retry-After could help too

Menu > debug > run script to restore default settings (after switching from Throwback to Default tpl)

Code: [Select]

{.set ini|use-system-icons=yes.}{.set ini|tray-icon-for-each-download=yes.}{.set ini|max-ips=0.}{.set ini|max-connections=0.}{.set ini|max-ips-downloading=0.}{.set ini|max-contemporary-dls=0.}{.set ini|enable-fingerprints=yes.}{.set ini|send-hfs-identifier=yes.}{.set ini|support-descript.ion=yes.}{.set ini|tray-instead-of-quit=no.}{.set ini|load-single-comment-files=yes.}{.set ini|hints4newcomers=yes.}{.set ini|save-totals=yes.}{.set ini|tray-shows=download.}{.set ini|flash-on=download.}{.set ini|browse-localhost=yes.}{.set ini|max-connections-by-ip=0.}

autoban addon "Uploaded by" add [upload completed] event with blue text and show comments

changelog: improved picviewer (hide header)
slideshowV2 repeats and reloads (photoframe)

9

HTML & templates / Re: Responsive small screen template - addon

« on: October 18, 2019, 11:59:31 AM »

create thumbs from audios
opt. renames audio to %artist% - %title%

lastModifiedV2 renames images to %lastModified% - %title% on upload
lastModifiedV3 restores lastModified after upload (with help of powershell)
useful to show when photos taken

changelog: changepwd and rename (rightclick login and upload)
pictureviewer works also with thumbnails (click folder again)

10

HTML & templates / Re: Responsive small screen template - update

« on: October 15, 2019, 02:42:20 AM »

changelog:

build-in (basic) audioplayer
works best with chrome and media keys
generate artwork (on upload)

autocreate subfolders thumb on image upload
create thumbs from videos (first frame)

11

HTML & templates / Re: Responsive small screen template - Tile theme on PC

« on: October 08, 2019, 02:58:26 PM »

thanks for review. Add:

Code: [Select]

@media (min-width:480px) {.grid li, .grid li>img, .grid li div {width:256px;height:256px} .grid li{margin:2%}}
h265 works for me in Edge

V5.2 with audioplayer comes ~~on halloween~~ next days

12