smd_slimbox

owenswain · 2009-04-17 22:46:58

@ Stef,

happily I ferreted about some more and now have the slimbox working, or mostly. I am pretty happy with what I have deduced on my own but I am stumped now. It was a directory path/to.file issue. Slimbox loads now but is not displaying the images for; loading, close, next, previous. Here’s what I have done:

1. The correct image path/to/file are in place in the slimbox Style css in the TXP and all those images are now housed in my own TXP account.

2. The correct slimbox2.css path/to/file is in place in the Default Page in the tag for the style sheet (namely: <link rel="stylesheet" href="<txp:site_url />textpattern/src/css/slimbox2.css" type="text/css" media="screen" />) .

3. Said slimbox2.css looks like this

/* SLIMBOX */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: 
hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url(loading.gif) no-
repeat center;
}
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink 
{
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url
(prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
	font-
family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: 
#666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption 
{
	font-weight: bold;
}

Am I correct assuming that in the above code in each case where it reads url(whatever.gif) that the actual image url does not go in there but rather this coding reads the actual image url within the slimbox.css Style? If this is correct then I must still be missing something. Ideas?

As ever, thanks.

Bloke · 2009-04-17 23:15:02

owenswain

Sorry I didn’t get back to you about the slimbox not working the other day. I had a poke around but couldn’t find any obvious reason why it wasn’t working so I went away to think about it. Looks like you found it, good on ya.

Slimbox loads now but is not displaying the images for; loading, close, next, previous… in each case where it reads url(whatever.gif) <snip>

Yes if you’ve uploaded the close.gif, next.gif and so on to a directory that is different to the directory in which the slimbox2.css file resides, then you will have to alter every occurrence of url(imagefile.gif) to include the path/to//the/image. So one of them may end up being something like:

.lbLoading {
	background: #fff url(/images/loading.gif) no-repeat center;
}

if you had put the pictures in your TXP ‘images’ directory.

Last edited by Bloke (2009-04-17 23:20:27)

owenswain · 2009-04-18 02:17:25

Stef, bless you – you gave me the key.

I did have all my path/to/image/file correct in the Default Page and in slimbox2.css and all my individual image file names correctly matched, i.e. spelled the same in slimbox2.css and in the path/to/file/image in the Default page but here’s the key: For whatever reason slimbox prefers that the image files be located in the same directory as slimbox2.css

As soon as I moved the image files into the same directory as slimbox2.css everything related to slimbox display worked; perfectly.

So, between my novice sleuthing and your expert help (without which the other day all would be lost) it is solved.

AND, I am pretty much there as regards the comments.

NOW, in a different realm I need to find out why my About entry is not showing on the main page where it should; to the left of the sidebar. Sigh. :)

Again, you have been a huge help man and I thank you.

colak · 2009-04-18 16:37:32

I am starting to experiment with this plugin. Is there a way to use the smd_slimbox with article image?

something like <txp:smd_slimbox imageid='<txp:article_image >' /> … except this would not work as article image returns the whole xhtml img tag.

Bloke · 2009-04-18 16:52:27

colak wrote:

Is there a way to use the smd_slimbox with article image?

Yes. If you have a list of image IDs in your article image field then this works:

<txp:smd_slimbox imageid="?article_image" />

colak · 2009-04-19 08:57:03

Thanks stef… experimenting:). I’m yet not sure if I should go with this plugin or your more versatile smd_gallery.

Bloke · 2009-04-19 09:03:05

colak wrote:

I’m yet not sure if I should go with this plugin or your more versatile smd_gallery.

<subliminal_message>Gallery… Gallery… Gallery…</subliminal_message> :-)

(unless of course you prefer the simpler syntax of this plugin)

feytus · 2009-06-09 08:22:32

Yo! I get this message when trying to implement this script on my page;

Tag error: <txp:smd_slimbox_inc jsdir=”/js” cssdir=”/css” /> -> Textpattern Warning: tag does not exist on line 1104

Is the tag outdated, or what is wrong?

the_ghost · 2009-06-09 08:55:25

Did you activate pluging after installation? Did you install (and activated) both smd_slimbox and smd_lib ?

Last edited by the_ghost (2009-06-09 08:55:43)

Bloke · 2009-06-09 09:10:18

feytus wrote:

Tag error: <txp:smd_slimbox_inc jsdir=”/js” cssdir=”/css” /> -> Textpattern Warning: tag does not exist on line 1104. Is the tag outdated

Yes. That tag has been removed. The docs explain how to use the plugin.

Last edited by Bloke (2009-06-09 09:18:55)

betatest-fr · 2009-06-20 17:22:43

my textpattern 4.0.8
install inside /EN

my preferences :
www.sansexception.org/EN

my htaccess : RewriteEngine On RewriteBase /EN

directory and links to rename ( textpattern=se )

my head :
<script type=“text/javascript” src=”<txp:site_url/>se/js/mootools.js”></script>
<script type=“text/javascript” src=”<txp:site_url/>se/js/slimbox.js”></script>
<link rel=“stylesheet” type=“text/css” href=”<txp:site_url />se/css/slimbox.css” />

my article :
<txp:smd_slimbox category=“Coriolis” limit=“10” />

result :
http://www.sansexception.org/EN/

mootools : 1.2.2
slimbox : 1.7

test on apple mac :
ok : safari – omniweb
NOT WORK on firefox – camino ( image at left-below )

strange ? please, any help ?

Bloke · 2009-06-20 18:06:18

betatest-fr

Your stylesheet line is using ‘curly quotes’:

<link rel=“stylesheet” type=“text/css” href="<txp:site_url />se/css/slimbox.css" />

It should be using ‘straight quotes’:

<link rel="stylesheet" type="text/css" href="<txp:site_url />se/css/slimbox.css" />

Last edited by Bloke (2009-06-20 18:06:45)

betatest-fr · 2009-06-21 06:25:44

many thanks
i’m a stupid apple macintosh’s people : ‘ straight ‘ convert automatic to ‘ curly ‘

i like very much your british humors with pictures randomly in your website
just a question
you take yourself photos, or by another people ?
thank a lot

maverick · 2009-06-21 10:48:41

betatest-fr wrote:

i’m a stupid apple macintosh’s people : ‘ straight ‘ convert automatic to ‘ curly ‘

depends on the program, not the platform. :)

jsoo · 2009-06-21 11:38:40

betatest-fr wrote:

i’m a stupid apple macintosh’s people : ‘ straight ‘ convert automatic to ‘ curly ‘

TextWrangler is a fine freeware text editor for Mac OS X. (requires OS X 10.4 or later). Won’t curl your quotes unless you tell it to.

Textpattern CMS

Textpattern CMS support forum

#631 2009-04-17 22:46:58

Re: smd_slimbox

#632 2009-04-17 23:15:02

Re: smd_slimbox

#633 2009-04-18 02:17:25

Re: smd_slimbox

#634 2009-04-18 16:37:32

Re: smd_slimbox

#635 2009-04-18 16:52:27

Re: smd_slimbox

#636 2009-04-19 08:57:03

Re: smd_slimbox

#637 2009-04-19 09:03:05

Re: smd_slimbox

#638 2009-06-09 08:22:32

Re: smd_slimbox

#639 2009-06-09 08:55:25

Re: smd_slimbox

#640 2009-06-09 09:10:18

Re: smd_slimbox

#641 2009-06-20 17:22:43

Re: smd_slimbox

#642 2009-06-20 18:06:18

Re: smd_slimbox

#643 2009-06-21 06:25:44

Re: smd_slimbox

#644 2009-06-21 10:48:41

Re: smd_slimbox

#645 2009-06-21 11:38:40

Re: smd_slimbox

Board footer