How to make carousel like in Skipperlimited
I am making something and want to design it like http://www.skipperlimited.com/
But I don't know how to go about that carousel of images and the carousel inside their logo.
Can someone show some way.
Thanks in advance
jquery html css bootstrap-4
asked Nov 15 '18 at 13:13
AshFixedAshFixed
118
add a comment |
I am making something and want to design it like http://www.skipperlimited.com/
But I don't know how to go about that carousel of images and the carousel inside their logo.
Can someone show some way.
Thanks in advance
jquery html css bootstrap-4
asked Nov 15 '18 at 13:13
AshFixedAshFixed
118
you can ask for help if any error occur in you code and every one who knows will help you, but you cant ask someone to write your code. The question is not following asking norms of stackoverflow. see How do I ask a good question?
– Ram Bhandari
Nov 15 '18 at 13:19
I am really sorry for that. But, I don't know how to do that, how can I ask for error.I am not asking for code, just that if someone could drop a hint how to do that, I can do..
– AshFixed
Nov 15 '18 at 13:25
It is expected that you at least attempt to code this for yourself. I would suggest that you do some additional research, either via Google or by searching SO, make an attempt and. if you still have trouble, come back with your code and explain what you have tried.
– Paulie_D
Nov 15 '18 at 13:27
Thank you, I got to know how they have made it, after a hard brain strom lol
– AshFixed
Nov 15 '18 at 13:34
add a comment |
I am making something and want to design it like http://www.skipperlimited.com/
But I don't know how to go about that carousel of images and the carousel inside their logo.
Can someone show some way.
Thanks in advance
jquery html css bootstrap-4
asked Nov 15 '18 at 13:13
AshFixedAshFixed
118
I am making something and want to design it like http://www.skipperlimited.com/
But I don't know how to go about that carousel of images and the carousel inside their logo.
Can someone show some way.
Thanks in advance
jquery html css bootstrap-4
jquery html css bootstrap-4
asked Nov 15 '18 at 13:13
AshFixedAshFixed
118
asked Nov 15 '18 at 13:13
AshFixedAshFixed
118
asked Nov 15 '18 at 13:13
AshFixedAshFixed
118
asked Nov 15 '18 at 13:13
AshFixedAshFixed
118
asked Nov 15 '18 at 13:13
AshFixedAshFixed
118
118
you can ask for help if any error occur in you code and every one who knows will help you, but you cant ask someone to write your code. The question is not following asking norms of stackoverflow. see How do I ask a good question?
– Ram Bhandari
Nov 15 '18 at 13:19
I am really sorry for that. But, I don't know how to do that, how can I ask for error.I am not asking for code, just that if someone could drop a hint how to do that, I can do..
– AshFixed
Nov 15 '18 at 13:25
It is expected that you at least attempt to code this for yourself. I would suggest that you do some additional research, either via Google or by searching SO, make an attempt and. if you still have trouble, come back with your code and explain what you have tried.
– Paulie_D
Nov 15 '18 at 13:27
Thank you, I got to know how they have made it, after a hard brain strom lol
– AshFixed
Nov 15 '18 at 13:34
add a comment |
you can ask for help if any error occur in you code and every one who knows will help you, but you cant ask someone to write your code. The question is not following asking norms of stackoverflow. see How do I ask a good question?
– Ram Bhandari
Nov 15 '18 at 13:19
I am really sorry for that. But, I don't know how to do that, how can I ask for error.I am not asking for code, just that if someone could drop a hint how to do that, I can do..
– AshFixed
Nov 15 '18 at 13:25
It is expected that you at least attempt to code this for yourself. I would suggest that you do some additional research, either via Google or by searching SO, make an attempt and. if you still have trouble, come back with your code and explain what you have tried.
– Paulie_D
Nov 15 '18 at 13:27
Thank you, I got to know how they have made it, after a hard brain strom lol
– AshFixed
Nov 15 '18 at 13:34
you can ask for help if any error occur in you code and every one who knows will help you, but you cant ask someone to write your code. The question is not following asking norms of stackoverflow. see How do I ask a good question?
– Ram Bhandari
Nov 15 '18 at 13:19
you can ask for help if any error occur in you code and every one who knows will help you, but you cant ask someone to write your code. The question is not following asking norms of stackoverflow. see How do I ask a good question?
– Ram Bhandari
Nov 15 '18 at 13:19
I am really sorry for that. But, I don't know how to do that, how can I ask for error.I am not asking for code, just that if someone could drop a hint how to do that, I can do..
– AshFixed
Nov 15 '18 at 13:25
I am really sorry for that. But, I don't know how to do that, how can I ask for error.I am not asking for code, just that if someone could drop a hint how to do that, I can do..
– AshFixed
Nov 15 '18 at 13:25
It is expected that you at least attempt to code this for yourself. I would suggest that you do some additional research, either via Google or by searching SO, make an attempt and. if you still have trouble, come back with your code and explain what you have tried.
– Paulie_D
Nov 15 '18 at 13:27
It is expected that you at least attempt to code this for yourself. I would suggest that you do some additional research, either via Google or by searching SO, make an attempt and. if you still have trouble, come back with your code and explain what you have tried.
– Paulie_D
Nov 15 '18 at 13:27
Thank you, I got to know how they have made it, after a hard brain strom lol
– AshFixed
Nov 15 '18 at 13:34
Thank you, I got to know how they have made it, after a hard brain strom lol
– AshFixed
Nov 15 '18 at 13:34
add a comment |
1 Answer
1
active
oldest
votes
The question is "to show some way" - and I think this question is reasonable and perfectly well answerable. Not everything has to be code, sometimes it is also about the how-to-start / how-to-get-there. Various approaches are possible, here is my way:
I would study the source code via the "Developer Tools" that every browser offers. There I can see that the images themselves are prepared in an already very stylish way that has nothing to do with HTML. Here is a direct link to one of their images:
http://repository.skipperlimited.com/images/home-images/home-bg3.jpg
Furthermore, I see that the other text is positioned over the image using an absolute positioned container called "home-wrapper". Here, the absolute positioning AND the z-index are important: the text must be layered over the image container.
In the head tag, I can also see that jquery.bxslider.js is included, so you might wanna checkout that library and work through their documentation.
In order to find out, how the buttons work: they seem to have event listeners attached to them. So, again in the devTools, I find them in the source code and check the "EventListeners" tab in the devTools. There is a list of event listeners currently active on the element, and I see that a "jquery.bxslider" event is attached to those little squares.
And so forth.
This would be my way to explore. I hope this helps a bit!
answered Nov 15 '18 at 13:36
Robert WildlingRobert Wildling
229212
Thanks buddy, I had just did that and found this... Was about to delete the question lol...
– AshFixed
Nov 15 '18 at 13:38
But thankyou so much for help:) :)
– AshFixed
Nov 15 '18 at 13:38
You need to have a certain amount of points here on stackoverflow and a certain role, as far as I know, to be able to delete a question again. To be honest, I never really cared about that. Stackflow is a mysterious place, where there are ghost, who, instead of (also) helping simply exercise power... Non-stop-Halloween... Checkout the forums at css-tricks. They seem to have a positiver attitude towards helping out each other. Or find a channel on gitter or slack that fits your topic... and upvote my answer, please ;-) G'day and g'luck!
– Robert Wildling
Nov 15 '18 at 13:42
Yeah Sure, Thankyou :) :)
– AshFixed
Nov 15 '18 at 13:47
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%2f53320303%2fhow-to-make-carousel-like-in-skipperlimited%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 question is "to show some way" - and I think this question is reasonable and perfectly well answerable. Not everything has to be code, sometimes it is also about the how-to-start / how-to-get-there. Various approaches are possible, here is my way:
I would study the source code via the "Developer Tools" that every browser offers. There I can see that the images themselves are prepared in an already very stylish way that has nothing to do with HTML. Here is a direct link to one of their images:
http://repository.skipperlimited.com/images/home-images/home-bg3.jpg
Furthermore, I see that the other text is positioned over the image using an absolute positioned container called "home-wrapper". Here, the absolute positioning AND the z-index are important: the text must be layered over the image container.
In the head tag, I can also see that jquery.bxslider.js is included, so you might wanna checkout that library and work through their documentation.
In order to find out, how the buttons work: they seem to have event listeners attached to them. So, again in the devTools, I find them in the source code and check the "EventListeners" tab in the devTools. There is a list of event listeners currently active on the element, and I see that a "jquery.bxslider" event is attached to those little squares.
And so forth.
This would be my way to explore. I hope this helps a bit!
answered Nov 15 '18 at 13:36
Robert WildlingRobert Wildling
229212
Thanks buddy, I had just did that and found this... Was about to delete the question lol...
– AshFixed
Nov 15 '18 at 13:38
But thankyou so much for help:) :)
– AshFixed
Nov 15 '18 at 13:38
You need to have a certain amount of points here on stackoverflow and a certain role, as far as I know, to be able to delete a question again. To be honest, I never really cared about that. Stackflow is a mysterious place, where there are ghost, who, instead of (also) helping simply exercise power... Non-stop-Halloween... Checkout the forums at css-tricks. They seem to have a positiver attitude towards helping out each other. Or find a channel on gitter or slack that fits your topic... and upvote my answer, please ;-) G'day and g'luck!
– Robert Wildling
Nov 15 '18 at 13:42
Yeah Sure, Thankyou :) :)
– AshFixed
Nov 15 '18 at 13:47
add a comment |
The question is "to show some way" - and I think this question is reasonable and perfectly well answerable. Not everything has to be code, sometimes it is also about the how-to-start / how-to-get-there. Various approaches are possible, here is my way:
I would study the source code via the "Developer Tools" that every browser offers. There I can see that the images themselves are prepared in an already very stylish way that has nothing to do with HTML. Here is a direct link to one of their images:
http://repository.skipperlimited.com/images/home-images/home-bg3.jpg
Furthermore, I see that the other text is positioned over the image using an absolute positioned container called "home-wrapper". Here, the absolute positioning AND the z-index are important: the text must be layered over the image container.
In the head tag, I can also see that jquery.bxslider.js is included, so you might wanna checkout that library and work through their documentation.
In order to find out, how the buttons work: they seem to have event listeners attached to them. So, again in the devTools, I find them in the source code and check the "EventListeners" tab in the devTools. There is a list of event listeners currently active on the element, and I see that a "jquery.bxslider" event is attached to those little squares.
And so forth.
This would be my way to explore. I hope this helps a bit!
answered Nov 15 '18 at 13:36
Robert WildlingRobert Wildling
229212
Thanks buddy, I had just did that and found this... Was about to delete the question lol...
– AshFixed
Nov 15 '18 at 13:38
But thankyou so much for help:) :)
– AshFixed
Nov 15 '18 at 13:38
You need to have a certain amount of points here on stackoverflow and a certain role, as far as I know, to be able to delete a question again. To be honest, I never really cared about that. Stackflow is a mysterious place, where there are ghost, who, instead of (also) helping simply exercise power... Non-stop-Halloween... Checkout the forums at css-tricks. They seem to have a positiver attitude towards helping out each other. Or find a channel on gitter or slack that fits your topic... and upvote my answer, please ;-) G'day and g'luck!
– Robert Wildling
Nov 15 '18 at 13:42
Yeah Sure, Thankyou :) :)
– AshFixed
Nov 15 '18 at 13:47
add a comment |
The question is "to show some way" - and I think this question is reasonable and perfectly well answerable. Not everything has to be code, sometimes it is also about the how-to-start / how-to-get-there. Various approaches are possible, here is my way:
I would study the source code via the "Developer Tools" that every browser offers. There I can see that the images themselves are prepared in an already very stylish way that has nothing to do with HTML. Here is a direct link to one of their images:
http://repository.skipperlimited.com/images/home-images/home-bg3.jpg
Furthermore, I see that the other text is positioned over the image using an absolute positioned container called "home-wrapper". Here, the absolute positioning AND the z-index are important: the text must be layered over the image container.
In the head tag, I can also see that jquery.bxslider.js is included, so you might wanna checkout that library and work through their documentation.
In order to find out, how the buttons work: they seem to have event listeners attached to them. So, again in the devTools, I find them in the source code and check the "EventListeners" tab in the devTools. There is a list of event listeners currently active on the element, and I see that a "jquery.bxslider" event is attached to those little squares.
And so forth.
This would be my way to explore. I hope this helps a bit!
answered Nov 15 '18 at 13:36
Robert WildlingRobert Wildling
229212
The question is "to show some way" - and I think this question is reasonable and perfectly well answerable. Not everything has to be code, sometimes it is also about the how-to-start / how-to-get-there. Various approaches are possible, here is my way:
I would study the source code via the "Developer Tools" that every browser offers. There I can see that the images themselves are prepared in an already very stylish way that has nothing to do with HTML. Here is a direct link to one of their images:
http://repository.skipperlimited.com/images/home-images/home-bg3.jpg
Furthermore, I see that the other text is positioned over the image using an absolute positioned container called "home-wrapper". Here, the absolute positioning AND the z-index are important: the text must be layered over the image container.
In the head tag, I can also see that jquery.bxslider.js is included, so you might wanna checkout that library and work through their documentation.
In order to find out, how the buttons work: they seem to have event listeners attached to them. So, again in the devTools, I find them in the source code and check the "EventListeners" tab in the devTools. There is a list of event listeners currently active on the element, and I see that a "jquery.bxslider" event is attached to those little squares.
And so forth.
This would be my way to explore. I hope this helps a bit!
answered Nov 15 '18 at 13:36
Robert WildlingRobert Wildling
229212
answered Nov 15 '18 at 13:36
Robert WildlingRobert Wildling
229212
answered Nov 15 '18 at 13:36
Robert WildlingRobert Wildling
229212
answered Nov 15 '18 at 13:36
Robert WildlingRobert Wildling
229212
229212
Thanks buddy, I had just did that and found this... Was about to delete the question lol...
– AshFixed
Nov 15 '18 at 13:38
But thankyou so much for help:) :)
– AshFixed
Nov 15 '18 at 13:38
You need to have a certain amount of points here on stackoverflow and a certain role, as far as I know, to be able to delete a question again. To be honest, I never really cared about that. Stackflow is a mysterious place, where there are ghost, who, instead of (also) helping simply exercise power... Non-stop-Halloween... Checkout the forums at css-tricks. They seem to have a positiver attitude towards helping out each other. Or find a channel on gitter or slack that fits your topic... and upvote my answer, please ;-) G'day and g'luck!
– Robert Wildling
Nov 15 '18 at 13:42
Yeah Sure, Thankyou :) :)
– AshFixed
Nov 15 '18 at 13:47
add a comment |
Thanks buddy, I had just did that and found this... Was about to delete the question lol...
– AshFixed
Nov 15 '18 at 13:38
But thankyou so much for help:) :)
– AshFixed
Nov 15 '18 at 13:38
You need to have a certain amount of points here on stackoverflow and a certain role, as far as I know, to be able to delete a question again. To be honest, I never really cared about that. Stackflow is a mysterious place, where there are ghost, who, instead of (also) helping simply exercise power... Non-stop-Halloween... Checkout the forums at css-tricks. They seem to have a positiver attitude towards helping out each other. Or find a channel on gitter or slack that fits your topic... and upvote my answer, please ;-) G'day and g'luck!
– Robert Wildling
Nov 15 '18 at 13:42
Yeah Sure, Thankyou :) :)
– AshFixed
Nov 15 '18 at 13:47
Thanks buddy, I had just did that and found this... Was about to delete the question lol...
– AshFixed
Nov 15 '18 at 13:38
Thanks buddy, I had just did that and found this... Was about to delete the question lol...
– AshFixed
Nov 15 '18 at 13:38
But thankyou so much for help:) :)
– AshFixed
Nov 15 '18 at 13:38
But thankyou so much for help:) :)
– AshFixed
Nov 15 '18 at 13:38
You need to have a certain amount of points here on stackoverflow and a certain role, as far as I know, to be able to delete a question again. To be honest, I never really cared about that. Stackflow is a mysterious place, where there are ghost, who, instead of (also) helping simply exercise power... Non-stop-Halloween... Checkout the forums at css-tricks. They seem to have a positiver attitude towards helping out each other. Or find a channel on gitter or slack that fits your topic... and upvote my answer, please ;-) G'day and g'luck!
– Robert Wildling
Nov 15 '18 at 13:42
You need to have a certain amount of points here on stackoverflow and a certain role, as far as I know, to be able to delete a question again. To be honest, I never really cared about that. Stackflow is a mysterious place, where there are ghost, who, instead of (also) helping simply exercise power... Non-stop-Halloween... Checkout the forums at css-tricks. They seem to have a positiver attitude towards helping out each other. Or find a channel on gitter or slack that fits your topic... and upvote my answer, please ;-) G'day and g'luck!
– Robert Wildling
Nov 15 '18 at 13:42
Yeah Sure, Thankyou :) :)
– AshFixed
Nov 15 '18 at 13:47
Yeah Sure, Thankyou :) :)
– AshFixed
Nov 15 '18 at 13:47
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%2f53320303%2fhow-to-make-carousel-like-in-skipperlimited%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
you can ask for help if any error occur in you code and every one who knows will help you, but you cant ask someone to write your code. The question is not following asking norms of stackoverflow. see How do I ask a good question?
– Ram Bhandari
Nov 15 '18 at 13:19
I am really sorry for that. But, I don't know how to do that, how can I ask for error.I am not asking for code, just that if someone could drop a hint how to do that, I can do..
– AshFixed
Nov 15 '18 at 13:25
It is expected that you at least attempt to code this for yourself. I would suggest that you do some additional research, either via Google or by searching SO, make an attempt and. if you still have trouble, come back with your code and explain what you have tried.
– Paulie_D
Nov 15 '18 at 13:27
Thank you, I got to know how they have made it, after a hard brain strom lol
– AshFixed
Nov 15 '18 at 13:34