I don't know if any of you guys can help me out, but I've just purchased this plugin called Showoff and it doesn't work properly on my site - When clicking on the images, the description box doesn’t show up, but I can see the description text behind the other images. (There’s only description on the second image “Zink Design” in the gallery right now) The link to my site is http://live-it.dk/portfolio/
I have tried to get in touch with their own support, but the only answer they gave me was this:
"Make sure you have only one jquery loaded at all times and is loaded before every other js script that depend on jquery."
I think that I only have one jquery, but I'm fairly new with both html, css and javascript and so on, so I can't really get any further with this.
The gallery should look like this: http://codecanyon.net/item/showoff/full_screen_preview/6585732
Really hope you can help me, I am going to apply for internship this week, so I would really appreciate your help, so my site can be done.
Your page is including a lot of things, so this may not be the only problem. But you're doing exactly what their support said not to do, including two separate versions of jQuery:
<script src="http://live-it.dk/wp-includes/js/jquery/jquery.js?ver=1.11.0" type="text/javascript">
...
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
Related
I know nothing about JavaScript (the main reason I chose to use Skrollr), and have been having issues with getting Skrollr working. I put this code at the end of my webpage:
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript">
var s = skrollr.init();
</script>
Then I went to work. To test, I added the animation shown in the Skrollr documentation, where the text changes color, using this code:
<p class="lead" data-0="background-color:rgb(0,0,255);" data-500="background-color:(rgb255,0,0):">Blah blah blah.</p>
I upload it, no results. So I tried taking out the class, I'm a pretty mediocre coder at best, I just play with stuff, so I don't know if what I'm trying to do isn't possible. I think the class and the data- are conflicting. So I reupload, and by jove, still nothing. What's up with this? Here's a link to the page (I was testing Skrollr on the first section, the text that begins "An introductory studio course..."): http://jonathanalumbaugh.altervista.org/courserequests/photographyone.html
I'll also note that I want to use this to make the circled images expand from nothing to the size they are, kind of make them pop out as you scroll along, and make the "JA" cover image parallax scroll. But I want to get this thing working first. I'd also like to get the smooth scrolling thing turned but I have no idea where to do that. Probably a really simple question, so apologies in advance for the stupid questions.
I'm not sure whether I should ask another question for this or not, but once this does work, is it possible to animate stuff that already has a class applied to it, like I tried to do with <p class=lead data-0="background...?
I FORGOT TO ADD: Dreamweaver says "there is a syntax error on line 1 of skroll.min.js. Code hinting may not work until you fix this error." I don't know why, I haven't touched it. The first line of skroll.min.js says <!DOCTYPE html>.
You have mistake in this code (rgb), correct should be:
<p class="lead" data-0="background-color:rgb(0,0,255);" data-500="background-color: rgb(255,0,0)">Blah blah blah.</p>
I want to give my clients a few bits of copy/paste code so that a Lightbox shows on their site with an iframe showing a URL that I specify. This would be something similar to a support widget that comes up when you click on a button (ZenDesk, UserVoice, etc.).
I've been trying to write this on my own, but after attempting to include jQuery on page load plus the Lightbox CSS file, it's proven to be a little bit of a mess.
Could someone point me in the right direction as to how I can create an optimal bit of JS that can accomplish this? Perhaps a framework already exists so that I don't need to reinvent the wheel?
I found something reliable. Decided to use http://sandbox.scriptiny.com/tinybox2/
I'm searching for a simple script for my web-project.
For example: There is a simple website where you can upload an image, and If you click on the "find similar Images"-Button, it shows you similar images (similar colored picture) (from a file with many other images).
Is there a free and simple script where I can use it for my web-project (HTML5/JavaScript)?
I found this one, but I am not sure If it is good enough to use it: http://tcorral.github.com/IM.js/
Good Advices are welcome :)
i am currently trying to add a uploading/scanning screen to my file upload site, (just to be clear i need the 'design' part of it, like actually displaying the box not anything to do with the scanners, or implementing the scanners, just a box that says scanning with a scanning gif next to it). Pretty much my site allows people to upload files which scans them and then displays the result. All the scanners are up and working but i am trying to add this scanning page. I want it to look a bit like this when you upload a file - www.virustotal.com
How would I be able to do this? You don't have to be very specific just like what programming languages, or any examples of code, to help me, i don't really know where to start.
Sounds like you are looking for a modal overlay or dialog.
There are tons of libraries out there that can do this, including YUI and JQuery UI/Plugins.
See my question.
Please have a look at http://500px.com/photo/3977429?from=popular. Down in the right corner, theres a sharing box. It looks pretty similar to sharethis. But, afaik, sharethis doesnt have embed or submit for example, and im looking for those options. Does anyone know which plugin is used here? Thanks
On the page you linked to, they didn't use anything like sharethis or addthis - they rolled their own. Looking at the code, its clear that they went to facebook, got the facebook like button, embedded it - then wen to google, got the google plus button, etc... and made a grid of them.
You can stylize the sharethis buttons with css to pretty much any extent,
or you can add a grid like that of your own.
The available alternatives to sharethis.com are :
addthis.com
addtoany.com
socialmarker.com
I'm sure there a a lot more out there, but those seem to be the most popular.
If you want something custom like they have and want access to the buttons
here are some sets of images you may be able to use:
http://speckyboy.com/2009/01/26/30-amazingly-creative-social-bookmarks-icon-sets/
Inspecting the source leads me to believe that it is custom work. The images, links and such are placed in the HTML serverside. Only the stumbleupon is pulled from stumbleupon itself. But also not trough some third party service like sharethis.