will1
Members
-
Joined
-
Last visited
Reputation Activity
-
will1 reacted to David Cook in Image Viewerok after playing with one of my works with fancy box i have got it
to remove the background get rid of
.fancybox-skin {
position: relative;
padding: 0;
margin: 0;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
for the opacity if u dont want background
remove
background: #000;
from #fancybox-overlay
hope this helps
-
will1 reacted to David Cook in Image Viewerok where to start
1. have you downloaded from http://fancybox.net/ when you have put it in the same folder as ur work
2. go to the href=" and locate folder for css in fancy box then locate the src=" script is js.
then tryit and let me know
basically u have not loaded it correctly
-
will1 reacted to David Cook in Image Vieweri use fancybox js, if you click the image it pops in out on the page, also you can grp as one so if you have 3 pics under same category then you it will show those 3 from the one image, and you can do multiple of these.
-
will1 reacted to David Cook in Image Vieweri find fancybox alot easier to use and works with group images really well. You will prob find it easier
plus if i have been helpful +1 the relvant posts with the green plus sign at bottom of
this post
-
will1 reacted to David Cook in Image ViewerBy looking at it the 3rd part goes in the <head> tag i ideally put these scripts just above the closing </head> tag.
I tend to keep all css files together, then single line scripts then multi line scripts.
something like this
<head>
<!--CSS-->
<link type="text/css" href="imagezoom/imagezoom.css" rel="stylesheet" />
<!--Single Line Scripts-->
<script type="text/javascript" src="imagezoom/imagezoom.js"></script>
<!--Multi Line Scripts-->
window.addEvent("domready", function() {
initImageZoom();
});
</head>
this is how i would lay it out, then any other css or scripts put under relvant headings.
Regarding the other part the imageview is based on the mootools app so to use it you will need mootools installed or it wont work properly or at all.
hope this makes sense
-
will1 reacted to David Cook in Image Viewermootools is a javascript framework which the imagezoom project works along side. If you instal imagezoom it might not work as it should without the framework. To get the uptodate mootools or to read more about it go to http://mootools.net/
plus if i have been helpful +1 the relvant posts with the green plus sign at bottom of
this post