Question regarding image overlay
Asked Modified Viewed 2,453 times
asked
Hello everyone,
I did a search, but I am unsure what I am searching for so after a couple hours of googling and the search here, I figured you guys would know exactly what I am looking for.
Like I said I am unsure what to search for so I will try and explain what I am looking for.
I am currently working on a theme for my wow guild for cataclysm http://mush.arrowdetroit.com/news.php
Where you see the screenshots in the sample updates, I am wanting to be able to upload the full size image, but when I do the updates to have it sort of automatically scale it down so it fits in the allocated space of 655 pixels wide, then be able to click on it and it pops out and scales to the actual size, sort of like the gallery how it made a small image then larger once clicked on.
Thanks for your responses in advance.
I did a search, but I am unsure what I am searching for so after a couple hours of googling and the search here, I figured you guys would know exactly what I am looking for.
Like I said I am unsure what to search for so I will try and explain what I am looking for.
I am currently working on a theme for my wow guild for cataclysm http://mush.arrowdetroit.com/news.php
Where you see the screenshots in the sample updates, I am wanting to be able to upload the full size image, but when I do the updates to have it sort of automatically scale it down so it fits in the allocated space of 655 pixels wide, then be able to click on it and it pops out and scales to the actual size, sort of like the gallery how it made a small image then larger once clicked on.
Thanks for your responses in advance.
Edited by Lorki on 21-11-2010 20:57,
answered
Use gallery for that?
answered
Nah, I want it to be the news page and not look like a gallery, Think I figured out what I am looking for, but I have no clue how to get it to do what I want.
I am looking for a way to set up an image overlay on the news page, so when I do an update I can fit the smaller image in my updates, then whoever clicks the image it will pop out the actual size image. I am looking into js hydro overlay, but this is all new to me and I am unsure where to place the code and how I can have it all done dynamically so that I can toss some images up and not have to alter the code in the actual files and only in the update window.
I hope I am making sense, and if anyone could help, I would greatly appreciate it.
here is an example of exactly what I am looking to do, if you scroll down on this page you will see how they have their images where they want them but if you click the image it pops out.
http://www.wraith-guild.net/
I am looking for a way to set up an image overlay on the news page, so when I do an update I can fit the smaller image in my updates, then whoever clicks the image it will pop out the actual size image. I am looking into js hydro overlay, but this is all new to me and I am unsure where to place the code and how I can have it all done dynamically so that I can toss some images up and not have to alter the code in the actual files and only in the update window.
I hope I am making sense, and if anyone could help, I would greatly appreciate it.
here is an example of exactly what I am looking to do, if you scroll down on this page you will see how they have their images where they want them but if you click the image it pops out.
http://www.wraith-guild.net/
Edited by Lorki on 21-11-2010 20:37,
Rolf Mayer
Rolf Mayer 10
Ex
- Senior Member, joined since
- Contributed 391 posts on the community forums.
- Started 7 threads in the forums
What about this addOn: Fancy Box?
answered
Thanks that works halfway, I read the readme and believe I did all the steps, I am sure I may be missing something, but I am not getting the pop-out box with the fancy border and X to close it, instead I am just getting a link to the actual image.
Edited by Lorki on 22-11-2010 01:35,
answered
I did all this
for step 1, 2, and 3 they were already done.
What is it I am missing in order to get the image to pop out in its own box?
Editing to add the code I use in the news update
Quote
MANUAL INSTALL INSTRUCTIONS:
+------------------------------------------------------------+
Take the file to the specified location:
root/photogalley.php
root/images
root/locale
/Danish
/English
/Turkish
root/themes
includes/fancybox/
includes/forum_include.php
includes/bbcodes;
/img_bbcode_include.php
/url_bbcode_include.php
/!auto_link_bbcode_include.php
/!auto_link_bbcode_include_var.php
-|1|----------------------------------------------------------
and after open;"themes/templates/header.php"
find this code:
echo "<script type='text/javascript' src='".INCLUDES."jquery.js'></script>\n";
add below this code:
require_once INCLUDES."fancybox/fancybox_head.php";
-|2|----------------------------------------------------------
open;"themes/templates/admin_header.php"
find this code:
echo "<script type='text/javascript' src='".INCLUDES."admin-msg.js'></script>\n";
add below this code:
require_once INCLUDES."fancybox/fancybox_head.php";
-|3|----------------------------------------------------------
open: "themes/templates/admin_header_mce.php"
find this code:
require_once THEME."theme.php";
add below this code:
require_once INCLUDES."fancybox/fancybox_head.php";
+------------------------------------------------------------+
For change language of fancybox window title :
+------------------------------------------------------------+
open
includes/fancybox/jquery.fancybox-1.3.1.js
Find this code:
return '<span id="fancybox-title-over">Resim ' +
replace whith this code:
return '<span id="fancybox-title-over">Photo ' +
+------------------------------------------------------------+
NOTE :
+------------------------------------------------------------+
When installation finished, Make the following settings for picture gallery;
Go to admin panel and
Settings >> Photo Gallery >> Thumbs per row: 2
for step 1, 2, and 3 they were already done.
What is it I am missing in order to get the image to pop out in its own box?
Editing to add the code I use in the news update
Quote
<a rel='tek' href='http://mush.arrowdetroit.com/images/hlkplaylarge.jpg'>
<img src='http://mush.arrowdetroit.com/images/hlkplaylarge.jpg' border='0' width='655' height='368' style='border: 0pt none;' /></a>
Edited by Lorki on 22-11-2010 02:21,
Falk
Falk 146
Need help?, Having trouble?
• View our Documentation for Guides, Standards and Functions
• Name and Organize your Topics and Content correctly in the corresponding Forums for best support results
• Attaching Log Files and Screenshots when reporting issues will help
• Provide with an URL to live example if one exists
• Please read the How to Report an Error post
• Please read and comply with the Code of Conduct
• View our Documentation for Guides, Standards and Functions
• Name and Organize your Topics and Content correctly in the corresponding Forums for best support results
• Attaching Log Files and Screenshots when reporting issues will help
• Provide with an URL to live example if one exists
• Please read the How to Report an Error post
• Please read and comply with the Code of Conduct
(¯·._.·(¯°·._.·°º*[ Project Manager ]*º°·._.·°¯)·._.·¯)
- Super Admin, joined since
- Contributed 6,201 posts on the community forums.
- Started 639 threads in the forums
- Answered 12 questions
If you only need to mod the news i would recommend that you simply download and follow the examples provided from the original fancybox pack.
http://fancybox.net/
http://fancybox.net/
answered
I would like to use it for all of its purposes, I am trying to figure out the news page part at the moment with no luck.
Category Forum
Themes SupportLabels
None yet
Statistics
- Views 0 views
- Posts 7 posts
- Votes 0 votes
- Topic users 4 members
4 participants
Falk 146
Need help?, Having trouble?
• View our Documentation for Guides, Standards and Functions
• Name and Organize your Topics and Content correctly in the corresponding Forums for best support results
• Attaching Log Files and Screenshots when reporting issues will help
• Provide with an URL to live example if one exists
• Please read the How to Report an Error post
• Please read and comply with the Code of Conduct
• View our Documentation for Guides, Standards and Functions
• Name and Organize your Topics and Content correctly in the corresponding Forums for best support results
• Attaching Log Files and Screenshots when reporting issues will help
• Provide with an URL to live example if one exists
• Please read the How to Report an Error post
• Please read and comply with the Code of Conduct
(¯·._.·(¯°·._.·°º*[ Project Manager ]*º°·._.·°¯)·._.·¯)
- Super Admin, joined since
- Contributed 6,201 posts on the community forums.
- Started 639 threads in the forums
- Answered 12 questions
PolarFox 8
- Veteran Member, joined since
- Contributed 1,633 posts on the community forums.
- Started 29 threads in the forums
Lorki 10
- Newbie, joined since
- Contributed 5 posts on the community forums.
- Started 1 thread in the forums
- Started this discussions
Rolf Mayer 10
Ex
- Senior Member, joined since
- Contributed 391 posts on the community forums.
- Started 7 threads in the forums
Notifications
Track thread
You are not receiving notifications from this thread.
Related Questions