Help - Search - Members - Calendar
Full Version: comments pop up window...
Movable Type Community Forum > Additional Resources > Tips and Tricks
hyster00
how can I create links on my page, much like the comments like, but instead would be used to display pictures. for example...
upon click window opens displaying a picture, users can continue to click on the pic to reveal other pics. how is this possible???
kadyellebee
Well, to create an image popup, you can use the File Upload on the sidebar of the MT Interface and tell it you want a popup image.

For clicking on the popup image to display other images would take some additional coding or scripts. But you can put multiple images in your entry from the File Upload; just tell it to show you the HTML instead of inserting it into your entry...

Does that help?

Kristine
hyster00
cool...I'll try that out sometime today. thanks.
hyster00
that worked, but just what would I need to do to reveal other pics upon clicking the intial pic?? I know I would have to add an
CODE
<a href=""></a>
in there somewhere, but within all that javascript??
kadyellebee
You'd have to manually edit the html file that MT generates, and create addition html files for each image in your series.

Here's the source of one of my popup images:
CODE
<html>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

<img src="http://kadyellebee.com/mt/past/invite-cover.jpg" width="300" height="265" border="0">

</body>
</html>

So if I wanted that popup to show the next image in the sequence, I'd change it like this:
CODE
<html>
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

<a href="http://kadyellebee.com/mt/past/invite-inside.html"><img src="http://kadyellebee.com/mt/past/invite-cover.jpg" width="300" height="265" border="0"></a>

</body>
</html>


Then create a invite-inside.html file that had similar code in it depending on whether it was the last one or if another image was after it in the series.

Does that help?

Kristine
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.