Textpattern CMS

#1 2010-09-20 13:47:57

helmz

Member

Registered: 2010-09-14

Posts: 65

Fancybox and Textpattern

Just a question, are them compatible?

#2 2010-09-20 14:14:12

Gocom

Developer Emeritus

From: Helsinki, Finland

Registered: 2006-07-14

Posts: 4,533

Website

Re: Fancybox and Textpattern

It’s up to you what JavaScript or markup you use. So yes, they are compatible as there would be no reason why they wouldn’t be. Textpattern doesn’t effect JavaScript in a way or another.

---

Rah | GitHub

#3 2010-09-20 15:09:18

joebaich

Member

From: DC Metro Area and elsewhere

Registered: 2006-09-24

Posts: 507

Website

Re: Fancybox and Textpattern

I second what Gocom said. I use Fancybox on several sites for Image Galleries, playing a video in a modal window and so on.

#4 2010-09-20 17:47:25

phuture303

Member

Registered: 2008-09-14

Posts: 127

Re: Fancybox and Textpattern

Here too. Using Fancybox in combination with the wonderful smd_gallery plugin. No problems at all!

#5 2010-09-20 21:43:33

MattD

Plugin Author

From: Monterey, California

Registered: 2008-03-21

Posts: 1,254

Website

Re: Fancybox and Textpattern

Textpattern is compatible with everything (almost)

---

My Plugins

Piwik Dashboard, Google Analytics Dashboard, Minibar, Article Image Colorpicker, Admin Datepicker, Admin Google Map, Admin Colorpicker

#6 2010-09-21 08:28:23

helmz

Member

Registered: 2010-09-14

Posts: 65

Re: Fancybox and Textpattern

Does anyone knows why is this not working?:

<link rel=“stylesheet” href=“fancybox/jquery.fancybox-1.3.1.css” type=“text/css” media=“screen” />

<script type=“text/javascript” src=“http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js”></script>

<script type=“text/javascript” src=“fancybox/jquery.fancybox-1.3.1.pack.js”></script>

—

<a id=“inline” href=”#inline1”>This shows content of element who has id=“inline1”</a>

<div style=“display:none”><div id=“inline1”>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div></div>

Last edited by helmz (2010-09-21 08:28:47)

#7 2010-09-21 08:35:07

colak

Admin

From: Cyprus

Registered: 2004-11-20

Posts: 9,397

Website GitHub Mastodon Twitter

Re: Fancybox and Textpattern

Did you try

<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />

---

Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

#8 2010-09-21 08:43:05

helmz

Member

Registered: 2010-09-14

Posts: 65

Re: Fancybox and Textpattern

colak dijo:

Did you try

<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />

i have it into textpattern folder, so it should be like this:

<link rel=“stylesheet” href=”/textpattern/fancybox/jquery.fancybox-1.3.1.css” type=“text/css” media=“screen” />

<link rel=“stylesheet” href=“textpattern/fancybox/jquery.fancybox-1.3.1.css” type=“text/css” media=“screen” />

I tryed both but I dont get any effect

#9 2010-09-21 09:01:56

philwareham

Core designer

From: Haslemere, Surrey, UK

Registered: 2009-06-11

Posts: 3,566

Website GitHub Mastodon

Re: Fancybox and Textpattern

As colak said, because pages are created by textpattern dynamically you need to make all your hardcoded links absolute paths not relative paths. So either start your links with a / or use the full domain path ie: “http://www.mysite/css/mycss.css”.

That goes for javascript and css.

Last edited by philwareham (2010-09-21 09:02:33)

#10 2010-09-21 09:06:29

helmz

Member

Registered: 2010-09-14

Posts: 65

Re: Fancybox and Textpattern

“http://www.mysite/css/mycss.css”

i did like this too, still not recieving any effect.. but thanks for trying

#11 2010-09-21 09:34:20

helmz

Member

Registered: 2010-09-14

Posts: 65

Re: Fancybox and Textpattern

help please! I dont find the way

#12 2010-09-21 09:54:11

helmz

Member

Registered: 2010-09-14

Posts: 65

Re: Fancybox and Textpattern

Yes but I am trying to use it and I dont find the way :O, dont know where is the error

#13 2010-09-21 11:15:35

helmz

Member

Registered: 2010-09-14

Posts: 65

Re: Fancybox and Textpattern

solved… ty guys

the code im using:

<a id="inline" href="#inline1">click</a>
<a name="inline1">
<div id="fancybox-inner" style="top: 10px; left: 10px; width: 400px; height: 100px; overflow: auto; display:none;">
   <div style="width: 400px; height: 100px; overflow: auto;" id="inline1">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien. Vestibulum imperdiet porta ante ac ornare. Nulla et lorem eu nibh adipiscing ultricies nec at lacus. Cras laoreet ultricies sem, at blandit mi eleifend aliquam. Nunc enim ipsum, vehicula non pretium varius, cursus ac tortor. Vivamus fringilla congue laoreet. Quisque ultrices sodales orci, quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam diam varius ac. Maecenas nisl nunc, molestie vitae eleifend vel, iaculis sed magna. Aenean tempus lacus vitae orci posuere porttitor eget non felis. Donec lectus elit, aliquam nec eleifend sit amet, vestibulum sed nunc.
    </div>
</div>
</a>

#14 2010-09-30 11:38:27

helmz

Member

Registered: 2010-09-14

Posts: 65

Re: Fancybox and Textpattern

I post it here, Im using this code with Fancybox but its not working as it should

<a class="fancy" <txp:image id="6"/> 
<txp:thumbnail id="6" />
<script>
$('a.fancy').fancybox();
</script></a>

Ty.

#15 2010-09-30 12:17:30

jsoo

Plugin Author

From: NC, USA

Registered: 2004-11-15

Posts: 1,793

Website

Re: Fancybox and Textpattern

You’ve left off the closing bracket for the opening a tag, and omitted the space before the closing slash in the image tag. You’ve left out the required type attribute for the script. Whether or not you’re using Fancybox correctly I have no idea, because I know nothing about that script.

---

Code is topiary