So I am trying to use venobox on my website so when the user clicks on a picture, a box is opened and it will display a YouTube but I cannot get it to work please help me fix what I am doing wrong.
My code: http://hastebin.com/awuxarivoj.html
Thank you in advance
your code misses venobox's css and js, and there's no plugin initialization.
I only see two links with the class "venobox". Also, youtube links should have the data-vbtype="youtube". please read the documentation
It happens because you didn't properly linked required venobox plugin files.
Download venobox plugin and link it in your html document.
Also take care of ordering of linking the plugins
Related
I have no idea about why wow.js isn't working.
What I've checked so far
Checked the path and whether animate.css works.
deleted other js files to make sure the possibility that wow.js can't be used with other js files.
For some reasons, the head part was not displayed so let me paste the URL that I'm working on instead.
https://azzurro2017.github.io/
*The codes I wrote is for iphone6 so I would like you to check that URL with device mode. *
There are 2 classes as below.
①class="wow fadeIn" for img tag
②class="animated shake" for p tag
I confirmed that ① is not working as of now but ② works.
I'm looking forward to your advise.
Thank you in advance for your help.
Re-confirm path and use animate.min.css with new download of wow.min.js.
-Other's seem fine.
This may help you!!
link for animate.min.css is available on https://github.com/daneden/animate.css
You can download it this link.
I want to get source code (html, css and script) of a specific section on this website:
http://damnripped.com/tdee-calculator/
this is for my project. It's easy to get the html, even css however im unable to pick the scripts using chrome's "inspect element" or "view source code feature".
could somebody please help? I want to get the code for "TDEE calculator" form on the above said page.
Thanks!
It is a Wordpress plugin anyway: https://en-gb.wordpress.org/plugins/calculated-fields-form/
So it is all open source and free to look at.
You can use HTTrack to grab all website content including image, css, html, javascript.
You can download HTTrack here
I am currently working on http://rightinfo.co.in
When I am trying to share this site on a FB page it is showing an image that I have not included in my site.
I have tried by adding ?v=1 to the url and url shortner services.
In facebook debugger also , the image is not showing. But in actual sharing , unknown image is showing.
Please help me to solve this
Thanks
You have issue with tags Please check this facebook debugger it explains alot Facebook debugger
It's because the og:image (see here) meta tag is set. This tag defines the image, which will be shown on facebook.
To change this image, try to edit this tag, take a look at the theme settings.
Another way is to change/delete the image itself, e.g. via FTP.
You can find it here: WEBROOT/wp-content/themes/Morpheus/img/portfolio/folio01-preview.jpg
Btw, I see you are using wordpress, I'd consider using a SEO plugin, which makes a proper use of the og-tags as explained here
I like how Lightbox does that overlay window that displays the full size image link. Is there a way to load an html file like that? I would like to have pictures, text, maybe an embedded youtube video too all able to load in that "Virtual Window", Vertical scrolling would be nice too. I would like to avoid jquery or other things like that. Like just Java, html, and css would be nice. But if that isn't possible I can handle calling the jquery if need be.
Thanks in advance to all you savvy people!
Eva
Recently, I've spent a lot of time trying to find nice no-jQuery lightbox. And I only needed to display images, not videos or HTML. My searches failed so in the end I had to give up and include jQuery in my site.
Once you give up have a look at Jquery Colorbox.
It has directly implemented display of images, YouTube or other videos as well as dynamically loaded HTML. See their examples.
Unfortunatelly, this library requires JQuery
I'm trying to create an image gallery using Shadowbox plugin(http://www.shadowbox-js.com).
So I got a problem with creating the gallery, That problem is: whenever I click on the link(actually thumbnail) that displays the image it starts loading then no image is displayed only a black window.
The links I use:
<img src="http://localhost/myProject/thumbnails/10.jpg" class="thumbnails"/>
The script/link/init :
These imports are working, I verify it by using(in Chrome) Inspect element->Network.
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
notes:
1-I'm using Shadowbox as a jQuery plugin(NOT standalone).
2-jQuery is imported to my website using Google(NOT locally).
3-The real image size is 3000x2400.
Edit:
4- I realized that when right clicking->inspect element(in chrome) , the image is shown(but not in a proper way, only half of it is shown).
5-when setting handleOversize to drag the image is shown(Must click).
6-It is working in IE 9!.
You're saying that the image is not showing properly in the browser?
It may mean that the file is corrupted. Try re-saving it.
I've been using Shadowbox for quite long time now and similar problems were always caused by bad files or the files permissions not been set properly.
Since your providing an example that is local host, I can only offer general guidance and not tell you exactly what the problem is. A link surely would be welcomed.
First, make sure your call to jQuery is before the call to shadowbox.js file.
Other than that I'm sure you've given the webpage a valid !DOCTYPE which makes your Shadowbox markup correct so far as I can see at this point.
The problem could be with using jQuery and your Class Name of thumbnails.
If jQuery has modified the link with a particular style, Shadowbox may be subject to any changes in it's anchor tag.
Those changes then will cause the Shadowbox per link element to not see the original link since it's now a jQuery link. It will need to be re-cached by Shadowbox.
Solution: Try making the call to Shadowbox.init after any modifications to the thumbnail have been completed so Shadowbox caches the link once, or if needed use Shadowbox API .clearCache(); and .setup(); to re-cache those rel anchors.
I should also mention that you should ensure Shadowbox has the jQuery Adapter interface which is a download option or WordPress Plugin option.
I found the solution, It wasn't in the DOCTYPE or the browser or even my JS code!
The problem was in the CSS.
Setting the direction to right to left(rtl)(yes, the website is Arabic).
caused the images to be hidden, maybe, because the image went right and I cant see it.
It's an old question but no one answered correctly to this subject.
solution is here:
just replace "left" values with "right" and "right" values with "left" in shadowbox.css
Open the shadowbox.css and set direction:ltr for #sb-container