Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2007-12-08 16:33:37
- mlarino2
- Member
- Registered: 2007-07-12
- Posts: 30
content with no reloading of page
Hi,
I have a little problem with the design of my website that I hope someone can help me with.
Its a portfolio site ( www.mlarino.com/web2 )
To display my work (portfolio images) I am using a sliding DIV, that displays an iframe with my work, but I would like to eliminate the iframe.
I would need something that can display my images and text without reloading the page because that would close the sliding DIV I am using.
If you visit the site you will understand.
Does someone have an idea of how I could do this? ( I preffer if it could be controlled from TXP)
Thanks!
Offline
Re: content with no reloading of page
Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.
Offline
#3 2007-12-08 19:37:00
- mlarino2
- Member
- Registered: 2007-07-12
- Posts: 30
Re: content with no reloading of page
Thanks Colak, but I have used lightbox before, and is not what I am looking for, I want to display the images inside the actual page not in a lightbox…
Could I use AJAX to load the content? I dont want all the content loaded when someones enters my site, just when they clic on the link to the image.
Last edited by mlarino2 (2007-12-08 19:46:47)
Offline
#4 2007-12-09 18:00:21
- mlarino2
- Member
- Registered: 2007-07-12
- Posts: 30
Re: content with no reloading of page
I figured out what I want,
I would like to use something like this http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
in combination with something like this
http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm
to display my images.
But I would like all the gallery in the same file, without loading external files, that would be easier on me to edit from inside textpattern.
Is it posible to have DIVs that wont load at all at first but then make them load on clic?
Offline
Re: content with no reloading of page
Is it posible to have DIVs that wont load at all at first but then make them load on clic?
Yes – use JavaScript.
Offline
Re: content with no reloading of page
mlarino2 – I don’t know if this helps, but you might check out this template on TextPlates. Its got a plus sign just above “narrow is the way” that opens and closes. Maybe worth looking at.
Offline
#7 2007-12-11 12:05:17
- mlarino2
- Member
- Registered: 2007-07-12
- Posts: 30
Re: content with no reloading of page
Thanks jstubbs, but that is what I am using in my template already, in the WORK button.
The problem i Have is that I cant find an easy way to load external files (jpg, html, etc…) without an Iframe.
cant someone point me out a good alternative to an iframe that wont reload my page?
Offline
Re: content with no reloading of page
You could use JavaScript and AJAX. Example scripts:
Both opens and support flash, emped-videos, pdf, html, javascript and everything if it’s inside linkable webpage. Can be also externally linked, throught id. Can be also styled to work like Lightbox with CSS, or like it only opens content inside page.
Another way is use slimbox that can hide and open content, or you could use simple togglelayer-function, and by that toggle element’s style, display: hidden; etc.
Cheers!
Last edited by Gocom (2007-12-11 12:24:24)
Offline
Re: content with no reloading of page
jQuery’s load()-method is what you’re after. Check out http://docs.jquery.com/Ajax/load
Could be implemented like this:
$('#nav a').click(function (){
$('#content').load($(this).attr('href'));
return false;
});
Not sure if this is correct syntax and working, but you get the idea.
Offline