how to be able to have my next and previous button with colorbox? - colorbox

So here his the web site in question creyation.ca...
I want to be able to the browse the image (when enlarged) with a next and previous button,
relative to same group of thumbs of course.

I like fancybox, It can do exactly what I believe you are looking for, with minimal code, setup instructions are at the link I provided
Here are some demos

Related

Cached version by Google of my website shows the Google Custom Search window open (with No Results)

I am using Google Custom Search on my website for a quite a while. I have noticed that when I open the Google-cached version of my website, it shows the Custom Search result window open (saying No Results) for no reason.
You can see for yourself here:
https://webcache.googleusercontent.com/search?q=cache:z55mQx1mHn8J:https://www.fireplace.co.uk/+&cd=122&hl=en&ct=clnk&gl=uk
Here is a screenshot:
!http://i.imgur.com/kXQhV30.png
I havent been able to find ANYTHING about this issue on Google and I havent gotten a single reply on the Google Custom Search support forum for more than a week.
Does anyone please have any idea what could be causing this and how to resolve it? It is really annoying to see the cached version of my website covered by a modal window.
I came across this question while looking for something and, although it's been a while since it was asked, I noticed the problem is not solved so thought I'd try to help.
By looking at the cache URL you've provided, the reason you see the modal window seems to be the fact that the same URL variable (q=...) is being used by both, the webcache page AND by the Google custom search on your website.
So, when someone opens the cached page, the custom search engine is also being fired because of the presence of the q URL variable.
In the case of the cached page, the search term (value of q variable) is "cache:z55mQx1mHn8J:https://www.fireplace.co.uk/+&cd=122&hl=en&ct=clnk&gl=uk" and if you paste this value in the actual search on fireplace.co.uk you'll see that it returns an empty search results window.
The solution would probably be to update your custom search engine so that it uses a different variable than the default one (which is q). That can be done, just look in the custom search documentation.
Hope this helps.

Bootstrap carousel doesn't start automatically

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!

There is a question mark in my prestashop window. It wasn't there before

I just opened my store today. Before hosting firm directed my domain name to my IP there was no problem.
When I the site is activated some people wanted to change some links. I did that in a hurry maybe that caused an error. Later when I check my site I saw a big question mark on the right. I put all of the files back from my backup but the problem still exists. Is there anyone who can help me?
Thank you
FERDA
This is a missing image. Whenever an image (products, categories etc) is missing in prestashop, this question mark image is shown. It is 404.gif (or any other image format) placed in the img folder of the prestashop.
There may be two reasons to this issue:
1) At header section, it seems like you have a missing image (i think one of the social icons). This is the recommended case. Please check your images. I think it is one of the icon for social images.
2) This may be not the reason, but whenever there is some problem in the paths for images, prestashop display the 404 or question mark image. But it seems like paths are fine as other images are shown.
Proposed Solutions : First check in F12 tool (dont know what is it called :P ) that specific element i.e. right click on that question mark image and then select the Inspect Element, you will have the F12 tool opened. Check there and share the HTML code. Also please share some code before and some after that, so that it can be easily checked.

Mechanical Turk - can't view HIT, appears blank

I m trying to setup a few image categorization tasks on Mechanical Turk sandbox developer version. When I try to view the HIT(the annotation image), it appears blank. I clicked on the 'Accept HIT' button but I still couldn't see anything.
In order to make sure that nothing was wrong with my project setup in particular, I signed in as a worker to accept HITS on other projects involving image categorization. I still continue to see a blank image in their categorization projects, where the image to be annotated is supposed to be displayed.
Can anyone help with this problem?Thanks.
Problem solved - it was a simple browser incompatibility problem.
I know you have already answered this for yourself, however for other requesters out there I think this may be useful.
I was developing HITs and I too was having issues view the HIT in Sandbox in Chrome and Firefox, I realized that it had something to do with the script being blocked by the browser and the way to fix this was to "unblock the content" - usually a shield icon in the URL bar.
When further developing my HIT I added information about how to see the HIT in the description box of the HIT so turkers could read the instructions and then work on the HIT - to be absolutely clear to the turkers, I added a "(READ DESCRIPTION)" in the title so turkers would know where to look.
Hope this helps!

Displaying PDF on website using pdf.js

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.