It may appear a repeated question but it is a serious one and I found no solution for it in any related question.
I have downloaded a bootstrap theme from ShapeBootstrap website
Demo theme
I use Firefox 30. As you may see in the demo page too, the slider doesn't start automatically! however if one click on the next slide it starts running!
I did anything I read in the similar questions but nothing happened!
The order of scripts is OK
It is in the end of file
No error reported in console ...
You can view and follow the source code of the demo page. Everything is in its place. But I wonder why it has this problem even in the official website of the theme.
Please guide me what can I do.
To understand what was going wrong was difficult!
I replaced the carousal section(html) with this one from http://startbootstrap.com/templates/full-slider/
I added full-slider.css to the list of my css files and used the latest version of bootstrap script and now it works!
Related
I'm very new to Bootstrap. I've literally written the code and put the links where instructed. I haven't downloaded any plugins or any other support files as I don't understand it.
Anyway, I've been told (after writing my website) that I should've used Bootstrap 4 not 3. So I'm currently re-writing it. Which is going OK until I got to my image galleries with popup lightbox using modals. I changed the link in the header to the Bootstrap 4.1 version but it's made my lightbox modal popup go wrong in the image gallery. The arrows are in the wrong place to flow forward and back throught the images and the images are now vertical not horizontal in the modal gallery.
This is my Bootstrap 3 version:
http://www.rockclick.co.uk/skating.htm
And this is my Boostrap 4 version:
http://www.rockclick.co.uk/skating1.htm
People keep telling me that Bootstrap is the way to go as it's easier but tbh I'm finding it tricky! Perhaps the more I use it the better it will be? Or am I missing something??
I can't paste all the coding as it's too long, but all I'm using is in the source files for these two pages.
Can anyone tell me what's gone wrong?
I've tried following the Get Started example from the Durandal homepage, and just get..
I've refreshed the files from the Starter app / example, and followed the Get Started tutorial once a few weeks ago, and twice again today, and just get the numbers as above, not the expected form to type a name into.
Where do I even go to start debugging this issue?
I would start by pressing "F12" and opening the browser debugging console, to see if all the files have come down. There may even be some syntax errors as well.
The HotTowel template by John Papa is also worth a look.
If you are just starting out with Durandal, also have a look at Aurelia, which is effectively the next version of Durandal.
I want to put a file sample.pdf on my website, and want it to be displayed using pdf.js. What I want is to display my own file like the demo, with a toolbar, zooming in/out, etc. So far I can't do that yet.
I did check out the helloworld example, but it simply shows the file like an image, without toolbar, zooming in/out, etc. When I put another file with many pages instead of helloworld.pdf, it just shows the first page.
I am not quite sure what you are looking for but I was able to get this working exactly like the demo. Although you may not want to use that example viewer for your project, you can use the working code as a starting point for your own requirements.
For a simple test you can just clone the project somewhere under a web server into a directory like myproject and visit http://yourservername.com/myproject/web/viewer.html. You should see the pdf appear. This can be a starting point to working with this project. I did this running a very basic Apache server on Linux.
If you are not looking for an example styled like that the demo above you can also see this jsbin from the docs that show how to do something completely customized with working next/previous buttons to move between the pages (as you mentioned you were only seeing the first page).
As a note, it seems that this library does not work properly with Safari. You can see an issue about it here. Unfortunately this makes it unusable for me now as I need to support all current browsers.
Also, remember to watch for the warnings concerning CORS.
Can anybody identify the carousel used on this site? It seems to work seamlessly with responsive sites and would with little css changes suit my design perfectly. The source shows something called anchorScroll.js but a search comes up with nothing.
It's a custom solution and not a plugin. Look for Application_NewsSpinner in http://cdn12.grohe.com/application/resources/javascript/scripts/common.js at line :1072
But don't steal code! It's fine to get inspired but you should find your own solution or take an official plugin! Take a look at http://finnrudolph.de/ImageFlow or http://www.jcoverflip.com/demo
I was using an iframe share button solution to be able to share products or posts on facebook. I used this systeme wich worked great on about 10 different websites but this week, they all ended up no working.
I read I should get an appId for each website and use Asynchroneous SDK, which I did, and followed steps to get it to work:
Load the SDK with appId authentification.
Load jQuery if needed (some buttons require it).
Add button code were desired.
I can see the SDK is loaded in <div id="fb-root"></div> but the share button never appears on the page and it is not a layout issue. I have tried several different buttons but they all seam to never make it to the user.
I read a lot of posts about the issue but each one was magically solved on Jully 22nd... not mine. I need help implementing this first button as I need to fix many websites afterwards. Thx!
When doing a fresh implementation of FB btns I ended up going here:
https://developers.facebook.com/tools/debug
to force FB to crowl the pages I was working on at the moment.
This proved usedful in getting immediate feedback on how things were working out.