Mixing
dynamic image gallery in bootstrap jumbotron
-1
I have been working on bootstrap jumbotron.
I want to add a image gallery where images will come from database and will be changed when page refreshed like this https://www.dreamtrips.com/.
I have searched a lot but found no idea.
Please help me to achieve that.
Thanks
javascript jquery html css
asked Jan 2 at 13:00
Bangla TigerBangla Tiger
207
add a comment |
-1
I have been working on bootstrap jumbotron.
I want to add a image gallery where images will come from database and will be changed when page refreshed like this https://www.dreamtrips.com/.
I have searched a lot but found no idea.
Please help me to achieve that.
Thanks
javascript jquery html css
asked Jan 2 at 13:00
Bangla TigerBangla Tiger
207
What problems you are facing?
– Antihype Bird
Jan 2 at 13:14
I can not add gallery in the jumbotron.
– Bangla Tiger
Jan 2 at 13:23
But you already have a gallery in jumbotron. Can you clarify your question?
– Aslam
Jan 2 at 13:24
I dont have gallery in jumbotron. I want to have gallery as it is in this site dreamtrips.com. @Aslam
– Bangla Tiger
Jan 2 at 13:32
add a comment |
-1
-1
-1
I have been working on bootstrap jumbotron.
I want to add a image gallery where images will come from database and will be changed when page refreshed like this https://www.dreamtrips.com/.
I have searched a lot but found no idea.
Please help me to achieve that.
Thanks
javascript jquery html css
asked Jan 2 at 13:00
Bangla TigerBangla Tiger
207
I have been working on bootstrap jumbotron.
I want to add a image gallery where images will come from database and will be changed when page refreshed like this https://www.dreamtrips.com/.
I have searched a lot but found no idea.
Please help me to achieve that.
Thanks
javascript jquery html css
javascript jquery html css
asked Jan 2 at 13:00
Bangla TigerBangla Tiger
207
asked Jan 2 at 13:00
Bangla TigerBangla Tiger
207
asked Jan 2 at 13:00
Bangla TigerBangla Tiger
207
asked Jan 2 at 13:00
Bangla TigerBangla Tiger
207
asked Jan 2 at 13:00
Bangla TigerBangla Tiger
207
207
What problems you are facing?
– Antihype Bird
Jan 2 at 13:14
I can not add gallery in the jumbotron.
– Bangla Tiger
Jan 2 at 13:23
But you already have a gallery in jumbotron. Can you clarify your question?
– Aslam
Jan 2 at 13:24
I dont have gallery in jumbotron. I want to have gallery as it is in this site dreamtrips.com. @Aslam
– Bangla Tiger
Jan 2 at 13:32
add a comment |
What problems you are facing?
– Antihype Bird
Jan 2 at 13:14
I can not add gallery in the jumbotron.
– Bangla Tiger
Jan 2 at 13:23
But you already have a gallery in jumbotron. Can you clarify your question?
– Aslam
Jan 2 at 13:24
I dont have gallery in jumbotron. I want to have gallery as it is in this site dreamtrips.com. @Aslam
– Bangla Tiger
Jan 2 at 13:32
What problems you are facing?
– Antihype Bird
Jan 2 at 13:14
What problems you are facing?
– Antihype Bird
Jan 2 at 13:14
I can not add gallery in the jumbotron.
– Bangla Tiger
Jan 2 at 13:23
I can not add gallery in the jumbotron.
– Bangla Tiger
Jan 2 at 13:23
But you already have a gallery in jumbotron. Can you clarify your question?
– Aslam
Jan 2 at 13:24
But you already have a gallery in jumbotron. Can you clarify your question?
– Aslam
Jan 2 at 13:24
I dont have gallery in jumbotron. I want to have gallery as it is in this site dreamtrips.com. @Aslam
– Bangla Tiger
Jan 2 at 13:32
I dont have gallery in jumbotron. I want to have gallery as it is in this site dreamtrips.com. @Aslam
– Bangla Tiger
Jan 2 at 13:32
add a comment |
1 Answer
1
active
oldest
votes
0
Its very simple. Just load images randomly
At Backend side
- Load all available image names in an array eg - AllImages.
- Write a function which will return array of unique numbers randomly within that image array names.
eg - [5,2,11,15,20,17,14]. - Send images for those indexes from AllImages array.
At front end
- Display all images recieved using any library
answered Jan 2 at 13:21
Akshaykumar MaldhureAkshaykumar Maldhure
7321123
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
});
}
});
draft saved
draft discarded
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%2f54006853%2fdynamic-image-gallery-in-bootstrap-jumbotron%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
0
Its very simple. Just load images randomly
At Backend side
- Load all available image names in an array eg - AllImages.
- Write a function which will return array of unique numbers randomly within that image array names.
eg - [5,2,11,15,20,17,14]. - Send images for those indexes from AllImages array.
At front end
- Display all images recieved using any library
answered Jan 2 at 13:21
Akshaykumar MaldhureAkshaykumar Maldhure
7321123
add a comment |
0
Its very simple. Just load images randomly
At Backend side
- Load all available image names in an array eg - AllImages.
- Write a function which will return array of unique numbers randomly within that image array names.
eg - [5,2,11,15,20,17,14]. - Send images for those indexes from AllImages array.
At front end
- Display all images recieved using any library
answered Jan 2 at 13:21
Akshaykumar MaldhureAkshaykumar Maldhure
7321123
add a comment |
0
0
0
Its very simple. Just load images randomly
At Backend side
- Load all available image names in an array eg - AllImages.
- Write a function which will return array of unique numbers randomly within that image array names.
eg - [5,2,11,15,20,17,14]. - Send images for those indexes from AllImages array.
At front end
- Display all images recieved using any library
answered Jan 2 at 13:21
Akshaykumar MaldhureAkshaykumar Maldhure
7321123
Its very simple. Just load images randomly
At Backend side
- Load all available image names in an array eg - AllImages.
- Write a function which will return array of unique numbers randomly within that image array names.
eg - [5,2,11,15,20,17,14]. - Send images for those indexes from AllImages array.
At front end
- Display all images recieved using any library
answered Jan 2 at 13:21
Akshaykumar MaldhureAkshaykumar Maldhure
7321123
answered Jan 2 at 13:21
Akshaykumar MaldhureAkshaykumar Maldhure
7321123
answered Jan 2 at 13:21
Akshaykumar MaldhureAkshaykumar Maldhure
7321123
answered Jan 2 at 13:21
Akshaykumar MaldhureAkshaykumar Maldhure
7321123
7321123
add a comment |
add a comment |
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f54006853%2fdynamic-image-gallery-in-bootstrap-jumbotron%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
What problems you are facing?
– Antihype Bird
Jan 2 at 13:14
I can not add gallery in the jumbotron.
– Bangla Tiger
Jan 2 at 13:23
But you already have a gallery in jumbotron. Can you clarify your question?
– Aslam
Jan 2 at 13:24
I dont have gallery in jumbotron. I want to have gallery as it is in this site dreamtrips.com. @Aslam
– Bangla Tiger
Jan 2 at 13:32