Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
By MCeledon on
I've installed yoxview but for some reason cannot get the captions to show. Also the navigation buttons (next and prev) will not show. When I move the cursor to where they should be, there is not link there, so I know it is not a path issue. here is my markup:
<head>
<title>EC Photography</title>
<meta charset="utf-8" />
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="yoxview/yoxview-init.js"></script>
<script type="text/javascript" src="yoxview/jquery.yoxview-2.21.min.js"></script>
<script type="text/javascript" src="scrolling_java.js"></script>
<link href="yoxview/yoxview.css" rel="stylesheet" type="text/css">
<link href="scrolling_style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Passion+One:400,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<script type="text/javascript">
$(document).ready(function(){
$("#yoxview").yoxview();
});
</script>
</head>
<body>
<div class="section home" id="home">
<h2 id="header">PHOTOGRAPHY</h2>
<h1>by Eric Celedon</h1>
<p>
I am an all around photographer<br>
based in Austin, TX.
</p>
</div>
<div class="section nightlife" id="nightlife">
<h2>NIGHTLIFE</h2>
<p>
these pics have been taken at austin events
</p>
<div id="yoxview">
<a href="scrolling_imgs/thg_rehearsal16 copy.jpg"><img title="First image" alt="First" src="scrolling_imgs/scroll1_thumb.jpg" /></a>
<a href="scrolling_imgs/scroll2.JPG"><img src="scrolling_imgs/scroll1_thumb.jpg" alt="Second" title="First image" /></a>
<a href="scrolling_imgs/scroll3.JPG"><img src="scrolling_imgs/scroll1_thumb.jpg" alt="Third" title="First image" /></a>
</div>
</div>
<div class="section families" id="families">
<h2>FAMILIES</h2>
<p>
these pics are of families of austin
</p>
</div>
<div class="section special" id="special">
<h2>SPECIAL OCCASIONS</h2>
<p>
these are random special occasions,<br>
such as sweet 15's, weddings, and graduations.
</p>
</div>
<div class="section cars" id="cars">
<h2>CARS</h2>
<p>
these pics are of nice cars
</p>
</div>
</body>
<footer id="footer">
<div id="container">
<ul class="nav">
<li><a href="#home"><img src="scrolling_imgs/logo.png" width="30px" height="30px" alt="logo"></a>
<li><a href="#nightlife">nightlife</a></li>
<li><a href="#families">families</a></li>
<li><a href="#special">special occasions</a></li>
<li><a href="#cars">cars</a></li>
<li id="contact">contact: eric.celedon3@gmail.com</li>
</ul>
</div>
</footer>
</html>
Comments
YoxView
I had the same problem, and unfortunately the only solution I could find was to use an old version of jQuery.
I have this line in my header that links to jquery 1.5.2
and it works great.
As soon as I change it to this :
It breaks. 1.7.2 is the latest version, but it breaks YoxView. I found some people on Stack Overflow talking about this and that was their solution as well.
I don't know how well maintained Yoxview is. I emailed the author with another bug I found but never got a response. I even donated some money as I thought it's a pretty aweome product, just out of date and lousy support.
this site won't show links
The last post stripped out all my links. What a useless site if it won't even allow me to post a link.
Basically the links were the standard link to jQuery. I'll spell it out :
open bracket script src = (quote) h tee tee p, colon, two slashes ajax dot googleapis dot com slash ajax slash libs slash jquery slash 1.5.2 slash jquery dot min dot js end bracket then closing script tag.
This is SO depressing that I actually had to do this above. I don't think I'll be coming back to this site again.
Good luck!
YoxView and JQuery > v1.5
If you're using the latest JQuery, do a find/replace on your jquery.yoxview-2.21.min.js file for "className" (make sure of the casing, capital N) and replace it with "class".
The latest JQuery uses "class" rather than "className". That was your elements will have "class=" rather than "className=".
Took me a while to figure that one out!!
its not working anyway :(
its not working anyway :(
Find/Replace... be careful!
When you do the find/replace for className, make sure you specify that it must match *exactly*, both the "full word" and "case sensitive". There are other variable names that include "className", and if you replace that part with "class" it may break it.
If it's still broken, I recommend re-downloading the entire package, replace the jquery.yoxview-2.21.min.js file, and retry the find/replace. If you want to be extra careful, you could do it one at a time, rather than "replacing all" at once.
Most of the instances of this are part of an object, so it should look like className: "[something]"
Good luck!
Thanks =)
Thank you sooooooo much!!
I was almost loosing my mind.
The last file that I haven't opened and checked was the jquery.yoxview-2.21.min.js.
But I would never had figured the problem out by myself.
So, thanks again =)
No problem, happy to help! I
No problem, happy to help! I hope this helps more people in the future, too! It's not a bad plugin, and what I like the most is that it's responsive on-the-fly!
I may look into another light box plugin in the future, though, as this has clearly been abandoned by the author.
*way
*way
YoxView for JQuery > v1.5
Here's my revised, minified code for YoxView for JQuery > v1.5, I figure this would be easier, since my code is working fine now:
Copy/paste that into a new javascript file and save it as jquery.yoxview-2.21.min.js