How many photos can I display on a webpage
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I'm using a motion detect security camera, which will upload all its captured photos via FTP, to my hosting service. To view and manage the photos, I created a PHP file which will allow me to either display all the photos or delete them all. This is just being used to make sure my cats are OK when I'm traveling. So the PHP file will simply display each file name, timestamp, and the photo, with maximum screen width, since I'll be viewing on a little i-phone.
My question is, do i need to add code to limit the number of photos on the page it creates? Or can I depend on the browser to be smart enough to just load the part of the page its displaying, discarding what is not visible. I need to know this because if one of the cats decides to roll around the floor for an hour at a time, and I don't get to check if for a full day, it feasible I could have 500+ images.
I guess its not that big a deal to add a maximum image limit in my form that controls the PHP code, but if browsers can automatically handle ridiculous size pages, that's one less thing to deal with
EDIT: after some experimentation I was surprised to find that (a) all my PC based browsers (even a lowly I-8) and mobile devices (including my ancient I-phone-4) had little trouble displaying 1000 images, at about 1024 x 780. BUT... (b) browsing through them (especially on a mobile device) was ridiculously tedious, and had I not been on wiFI, I'd have paid for all that data download. So the bottom line non quantified answer to "how many" on modern devices seems to be "a lot more than you'd ever have time to view".
So in the end I added a bit more to my display form and code, so I could view a reasonable number of images at a time, choose how many photos per/page, sort (forward or reverse) by time stamp, and a few other niceties. Everyone's comments wewre indeed helpful
php iphone web browser single-page-application
asked Nov 17 '18 at 1:08
RandyRandy
1459
|
show 3 more comments
I'm using a motion detect security camera, which will upload all its captured photos via FTP, to my hosting service. To view and manage the photos, I created a PHP file which will allow me to either display all the photos or delete them all. This is just being used to make sure my cats are OK when I'm traveling. So the PHP file will simply display each file name, timestamp, and the photo, with maximum screen width, since I'll be viewing on a little i-phone.
My question is, do i need to add code to limit the number of photos on the page it creates? Or can I depend on the browser to be smart enough to just load the part of the page its displaying, discarding what is not visible. I need to know this because if one of the cats decides to roll around the floor for an hour at a time, and I don't get to check if for a full day, it feasible I could have 500+ images.
I guess its not that big a deal to add a maximum image limit in my form that controls the PHP code, but if browsers can automatically handle ridiculous size pages, that's one less thing to deal with
EDIT: after some experimentation I was surprised to find that (a) all my PC based browsers (even a lowly I-8) and mobile devices (including my ancient I-phone-4) had little trouble displaying 1000 images, at about 1024 x 780. BUT... (b) browsing through them (especially on a mobile device) was ridiculously tedious, and had I not been on wiFI, I'd have paid for all that data download. So the bottom line non quantified answer to "how many" on modern devices seems to be "a lot more than you'd ever have time to view".
So in the end I added a bit more to my display form and code, so I could view a reasonable number of images at a time, choose how many photos per/page, sort (forward or reverse) by time stamp, and a few other niceties. Everyone's comments wewre indeed helpful
php iphone web browser single-page-application
asked Nov 17 '18 at 1:08
RandyRandy
1459
1
The browser will load everything, it will not limit to just the photos that fit. You might want to add some sort of pagination.
– Alex Howansky
Nov 17 '18 at 1:13
2
You might also consider something like Infinite Scroll, which will fill the page and then load extras as you keep scrolling. Sounds closer to what you want.
– Alex Howansky
Nov 17 '18 at 1:19
1
Wait... dude... Randy Constan? Flippin' legend! What's up! :)
– Alex Howansky
Nov 17 '18 at 1:29
This is not a code issue, but a device issue. If you want to load 500+ images, the devices browser will need to be able to render them all. This A) uses a lot of network traffic, and B) uses memory resources to load the page. On a desktop computer, this is less of an issue, yet will create performance issues. On an iPhone, this can create performance issues. The browser might crash or stop responding well... So I suggest you consider how this will effect your target audience and build around what is going to provide a positive experience for the user.
– Twisty
Nov 17 '18 at 1:29
1
@AlexHowansky And I'd better master this stuff before I embark on updating that "Legendary"web site you probably remember me from! :-)
– Randy
Nov 17 '18 at 2:12
|
show 3 more comments
I'm using a motion detect security camera, which will upload all its captured photos via FTP, to my hosting service. To view and manage the photos, I created a PHP file which will allow me to either display all the photos or delete them all. This is just being used to make sure my cats are OK when I'm traveling. So the PHP file will simply display each file name, timestamp, and the photo, with maximum screen width, since I'll be viewing on a little i-phone.
My question is, do i need to add code to limit the number of photos on the page it creates? Or can I depend on the browser to be smart enough to just load the part of the page its displaying, discarding what is not visible. I need to know this because if one of the cats decides to roll around the floor for an hour at a time, and I don't get to check if for a full day, it feasible I could have 500+ images.
I guess its not that big a deal to add a maximum image limit in my form that controls the PHP code, but if browsers can automatically handle ridiculous size pages, that's one less thing to deal with
EDIT: after some experimentation I was surprised to find that (a) all my PC based browsers (even a lowly I-8) and mobile devices (including my ancient I-phone-4) had little trouble displaying 1000 images, at about 1024 x 780. BUT... (b) browsing through them (especially on a mobile device) was ridiculously tedious, and had I not been on wiFI, I'd have paid for all that data download. So the bottom line non quantified answer to "how many" on modern devices seems to be "a lot more than you'd ever have time to view".
So in the end I added a bit more to my display form and code, so I could view a reasonable number of images at a time, choose how many photos per/page, sort (forward or reverse) by time stamp, and a few other niceties. Everyone's comments wewre indeed helpful
php iphone web browser single-page-application
asked Nov 17 '18 at 1:08
RandyRandy
1459
I'm using a motion detect security camera, which will upload all its captured photos via FTP, to my hosting service. To view and manage the photos, I created a PHP file which will allow me to either display all the photos or delete them all. This is just being used to make sure my cats are OK when I'm traveling. So the PHP file will simply display each file name, timestamp, and the photo, with maximum screen width, since I'll be viewing on a little i-phone.
My question is, do i need to add code to limit the number of photos on the page it creates? Or can I depend on the browser to be smart enough to just load the part of the page its displaying, discarding what is not visible. I need to know this because if one of the cats decides to roll around the floor for an hour at a time, and I don't get to check if for a full day, it feasible I could have 500+ images.
I guess its not that big a deal to add a maximum image limit in my form that controls the PHP code, but if browsers can automatically handle ridiculous size pages, that's one less thing to deal with
EDIT: after some experimentation I was surprised to find that (a) all my PC based browsers (even a lowly I-8) and mobile devices (including my ancient I-phone-4) had little trouble displaying 1000 images, at about 1024 x 780. BUT... (b) browsing through them (especially on a mobile device) was ridiculously tedious, and had I not been on wiFI, I'd have paid for all that data download. So the bottom line non quantified answer to "how many" on modern devices seems to be "a lot more than you'd ever have time to view".
So in the end I added a bit more to my display form and code, so I could view a reasonable number of images at a time, choose how many photos per/page, sort (forward or reverse) by time stamp, and a few other niceties. Everyone's comments wewre indeed helpful
php iphone web browser single-page-application
php iphone web browser single-page-application
asked Nov 17 '18 at 1:08
RandyRandy
1459
asked Nov 17 '18 at 1:08
RandyRandy
1459
edited Dec 15 '18 at 23:20
Randy
asked Nov 17 '18 at 1:08
RandyRandy
1459
asked Nov 17 '18 at 1:08
RandyRandy
1459
asked Nov 17 '18 at 1:08
RandyRandy
1459
1459
1
The browser will load everything, it will not limit to just the photos that fit. You might want to add some sort of pagination.
– Alex Howansky
Nov 17 '18 at 1:13
2
You might also consider something like Infinite Scroll, which will fill the page and then load extras as you keep scrolling. Sounds closer to what you want.
– Alex Howansky
Nov 17 '18 at 1:19
1
Wait... dude... Randy Constan? Flippin' legend! What's up! :)
– Alex Howansky
Nov 17 '18 at 1:29
This is not a code issue, but a device issue. If you want to load 500+ images, the devices browser will need to be able to render them all. This A) uses a lot of network traffic, and B) uses memory resources to load the page. On a desktop computer, this is less of an issue, yet will create performance issues. On an iPhone, this can create performance issues. The browser might crash or stop responding well... So I suggest you consider how this will effect your target audience and build around what is going to provide a positive experience for the user.
– Twisty
Nov 17 '18 at 1:29
1
@AlexHowansky And I'd better master this stuff before I embark on updating that "Legendary"web site you probably remember me from! :-)
– Randy
Nov 17 '18 at 2:12
|
show 3 more comments
1
The browser will load everything, it will not limit to just the photos that fit. You might want to add some sort of pagination.
– Alex Howansky
Nov 17 '18 at 1:13
2
You might also consider something like Infinite Scroll, which will fill the page and then load extras as you keep scrolling. Sounds closer to what you want.
– Alex Howansky
Nov 17 '18 at 1:19
1
Wait... dude... Randy Constan? Flippin' legend! What's up! :)
– Alex Howansky
Nov 17 '18 at 1:29
This is not a code issue, but a device issue. If you want to load 500+ images, the devices browser will need to be able to render them all. This A) uses a lot of network traffic, and B) uses memory resources to load the page. On a desktop computer, this is less of an issue, yet will create performance issues. On an iPhone, this can create performance issues. The browser might crash or stop responding well... So I suggest you consider how this will effect your target audience and build around what is going to provide a positive experience for the user.
– Twisty
Nov 17 '18 at 1:29
1
@AlexHowansky And I'd better master this stuff before I embark on updating that "Legendary"web site you probably remember me from! :-)
– Randy
Nov 17 '18 at 2:12
1
1
The browser will load everything, it will not limit to just the photos that fit. You might want to add some sort of pagination.
– Alex Howansky
Nov 17 '18 at 1:13
The browser will load everything, it will not limit to just the photos that fit. You might want to add some sort of pagination.
– Alex Howansky
Nov 17 '18 at 1:13
2
2
You might also consider something like Infinite Scroll, which will fill the page and then load extras as you keep scrolling. Sounds closer to what you want.
– Alex Howansky
Nov 17 '18 at 1:19
You might also consider something like Infinite Scroll, which will fill the page and then load extras as you keep scrolling. Sounds closer to what you want.
– Alex Howansky
Nov 17 '18 at 1:19
1
1
Wait... dude... Randy Constan? Flippin' legend! What's up! :)
– Alex Howansky
Nov 17 '18 at 1:29
Wait... dude... Randy Constan? Flippin' legend! What's up! :)
– Alex Howansky
Nov 17 '18 at 1:29
This is not a code issue, but a device issue. If you want to load 500+ images, the devices browser will need to be able to render them all. This A) uses a lot of network traffic, and B) uses memory resources to load the page. On a desktop computer, this is less of an issue, yet will create performance issues. On an iPhone, this can create performance issues. The browser might crash or stop responding well... So I suggest you consider how this will effect your target audience and build around what is going to provide a positive experience for the user.
– Twisty
Nov 17 '18 at 1:29
This is not a code issue, but a device issue. If you want to load 500+ images, the devices browser will need to be able to render them all. This A) uses a lot of network traffic, and B) uses memory resources to load the page. On a desktop computer, this is less of an issue, yet will create performance issues. On an iPhone, this can create performance issues. The browser might crash or stop responding well... So I suggest you consider how this will effect your target audience and build around what is going to provide a positive experience for the user.
– Twisty
Nov 17 '18 at 1:29
1
1
@AlexHowansky And I'd better master this stuff before I embark on updating that "Legendary"web site you probably remember me from! :-)
– Randy
Nov 17 '18 at 2:12
@AlexHowansky And I'd better master this stuff before I embark on updating that "Legendary"web site you probably remember me from! :-)
– Randy
Nov 17 '18 at 2:12
|
show 3 more comments
1 Answer
1
active
oldest
votes
The browser will load everything that's present in the html. So, you will have to limit the number of images uploaded yourself, maybe add a filter so it uploads only one image every 5 minutes.
answered Nov 17 '18 at 1:14
Danish MuneerDanish Muneer
17510
really appreciate it! well that's internet at its best! I am not a pro coder but this project sounds interesting, I would love to follow it and maybe chip in if I can...will be a good learning curve.
– Danish Muneer
Nov 17 '18 at 2:11
1
I've been banned from posting on Stackoverflow for 6 months, so I won't be here much for a while. But if you're interested in the PHP code for the finished project, IM me and I'll happily send you the code. It has enough comments to be pretty self explanatory,
– Randy
Dec 15 '18 at 23:23
sure, let me do that
– Danish Muneer
Dec 17 '18 at 18:58
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53347281%2fhow-many-photos-can-i-display-on-a-webpage%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
The browser will load everything that's present in the html. So, you will have to limit the number of images uploaded yourself, maybe add a filter so it uploads only one image every 5 minutes.
answered Nov 17 '18 at 1:14
Danish MuneerDanish Muneer
17510
really appreciate it! well that's internet at its best! I am not a pro coder but this project sounds interesting, I would love to follow it and maybe chip in if I can...will be a good learning curve.
– Danish Muneer
Nov 17 '18 at 2:11
1
I've been banned from posting on Stackoverflow for 6 months, so I won't be here much for a while. But if you're interested in the PHP code for the finished project, IM me and I'll happily send you the code. It has enough comments to be pretty self explanatory,
– Randy
Dec 15 '18 at 23:23
sure, let me do that
– Danish Muneer
Dec 17 '18 at 18:58
add a comment |
The browser will load everything that's present in the html. So, you will have to limit the number of images uploaded yourself, maybe add a filter so it uploads only one image every 5 minutes.
answered Nov 17 '18 at 1:14
Danish MuneerDanish Muneer
17510
really appreciate it! well that's internet at its best! I am not a pro coder but this project sounds interesting, I would love to follow it and maybe chip in if I can...will be a good learning curve.
– Danish Muneer
Nov 17 '18 at 2:11
1
I've been banned from posting on Stackoverflow for 6 months, so I won't be here much for a while. But if you're interested in the PHP code for the finished project, IM me and I'll happily send you the code. It has enough comments to be pretty self explanatory,
– Randy
Dec 15 '18 at 23:23
sure, let me do that
– Danish Muneer
Dec 17 '18 at 18:58
add a comment |
The browser will load everything that's present in the html. So, you will have to limit the number of images uploaded yourself, maybe add a filter so it uploads only one image every 5 minutes.
answered Nov 17 '18 at 1:14
Danish MuneerDanish Muneer
17510
The browser will load everything that's present in the html. So, you will have to limit the number of images uploaded yourself, maybe add a filter so it uploads only one image every 5 minutes.
answered Nov 17 '18 at 1:14
Danish MuneerDanish Muneer
17510
answered Nov 17 '18 at 1:14
Danish MuneerDanish Muneer
17510
answered Nov 17 '18 at 1:14
Danish MuneerDanish Muneer
17510
answered Nov 17 '18 at 1:14
Danish MuneerDanish Muneer
17510
17510
really appreciate it! well that's internet at its best! I am not a pro coder but this project sounds interesting, I would love to follow it and maybe chip in if I can...will be a good learning curve.
– Danish Muneer
Nov 17 '18 at 2:11
1
I've been banned from posting on Stackoverflow for 6 months, so I won't be here much for a while. But if you're interested in the PHP code for the finished project, IM me and I'll happily send you the code. It has enough comments to be pretty self explanatory,
– Randy
Dec 15 '18 at 23:23
sure, let me do that
– Danish Muneer
Dec 17 '18 at 18:58
add a comment |
really appreciate it! well that's internet at its best! I am not a pro coder but this project sounds interesting, I would love to follow it and maybe chip in if I can...will be a good learning curve.
– Danish Muneer
Nov 17 '18 at 2:11
1
I've been banned from posting on Stackoverflow for 6 months, so I won't be here much for a while. But if you're interested in the PHP code for the finished project, IM me and I'll happily send you the code. It has enough comments to be pretty self explanatory,
– Randy
Dec 15 '18 at 23:23
sure, let me do that
– Danish Muneer
Dec 17 '18 at 18:58
really appreciate it! well that's internet at its best! I am not a pro coder but this project sounds interesting, I would love to follow it and maybe chip in if I can...will be a good learning curve.
– Danish Muneer
Nov 17 '18 at 2:11
really appreciate it! well that's internet at its best! I am not a pro coder but this project sounds interesting, I would love to follow it and maybe chip in if I can...will be a good learning curve.
– Danish Muneer
Nov 17 '18 at 2:11
1
1
I've been banned from posting on Stackoverflow for 6 months, so I won't be here much for a while. But if you're interested in the PHP code for the finished project, IM me and I'll happily send you the code. It has enough comments to be pretty self explanatory,
– Randy
Dec 15 '18 at 23:23
I've been banned from posting on Stackoverflow for 6 months, so I won't be here much for a while. But if you're interested in the PHP code for the finished project, IM me and I'll happily send you the code. It has enough comments to be pretty self explanatory,
– Randy
Dec 15 '18 at 23:23
sure, let me do that
– Danish Muneer
Dec 17 '18 at 18:58
sure, let me do that
– Danish Muneer
Dec 17 '18 at 18:58
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53347281%2fhow-many-photos-can-i-display-on-a-webpage%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
The browser will load everything, it will not limit to just the photos that fit. You might want to add some sort of pagination.
– Alex Howansky
Nov 17 '18 at 1:13
2
You might also consider something like Infinite Scroll, which will fill the page and then load extras as you keep scrolling. Sounds closer to what you want.
– Alex Howansky
Nov 17 '18 at 1:19
1
Wait... dude... Randy Constan? Flippin' legend! What's up! :)
– Alex Howansky
Nov 17 '18 at 1:29
This is not a code issue, but a device issue. If you want to load 500+ images, the devices browser will need to be able to render them all. This A) uses a lot of network traffic, and B) uses memory resources to load the page. On a desktop computer, this is less of an issue, yet will create performance issues. On an iPhone, this can create performance issues. The browser might crash or stop responding well... So I suggest you consider how this will effect your target audience and build around what is going to provide a positive experience for the user.
– Twisty
Nov 17 '18 at 1:29
1
@AlexHowansky And I'd better master this stuff before I embark on updating that "Legendary"web site you probably remember me from! :-)
– Randy
Nov 17 '18 at 2:12