This topic has 2 voices, contains 6 replies, and was last updated by 
| Author | Posts |
|---|---|
| Author | Posts |
| March 27, 2011 at 7:23 pm #1448 | |
 BartC |
One can click on any picture in a post (top page or single page) and an overlay comes up that allows the reader to click through all the pictures on the post. All well and good. But, I would like to have additional pictures show in that overlay view that are not seen on the post page. Any ideas on how to do that? bc |
| March 29, 2011 at 5:00 am #1449 | |
 Jeremy Clark |
Interesting idea, probably what might work would be to after you get your post written, at the bottom of it insert all the extra pictures you want to show in the overlay. Then switch over to the html editor and surround the images with a div tag and then use css to hide it, something like this. <div style="display:none;">
<img src=…> <img src=…> </div> |
| March 29, 2011 at 10:26 am #1450 | |
|
BartC |
Great. I had the thought that it would involve having them on the page but hidden. Something like the old trick of having hidden search words be the same font color as the background. I had tried placing extra pictures in the page gallery, but not using them on the page. That clearly did not work. I will give this a try and report back. This will be a really good feature. Often for a post there are more usable pictures than one needs to illustrate a narrative. Since I add a line prompting readers to click on the pictures for a slide show, this will be a way to add to the reader experience. thanks.. |
| April 2, 2011 at 11:11 am #1451 | |
|
BartC |
OK, so here is what I did: Before the group of hidden pictures, I placed this code: <div style="display:none;">
And, after the group I closed the tag with: </div>
This seems to work. It is not exactly what you suggested. (I couldn’t get your suggestion to work, no doubt because I did it wrong.) I have no idea if what I did is good coding or not, or if it might break something else. Check it out here: Tomatomania at The Front Burner There are 7 pixs in the post, but the overlay slide show has a total of 12. So if this doesn’t break something, it is good to go. Thanks again Jeremy! PS: And, the print out of the page does not show the hidden pictures, which is fine, because folks who print the page want the copy and not necessarily the pictures. |
| April 2, 2011 at 1:19 pm #1452 | |
|
Jeremy Clark |
Seems to work great. Glad that it worked for you. |
| October 10, 2011 at 3:24 pm #1453 | |
|
BartC |
OK, so here is a strange bit that seems to occur randomly. Maybe once or twice a week, and on different single post pages. I am inserting the following code at the end of the post to hide pixs from the formatted page, but that will show if a reader clicks to start the overlay slide show. <div style="display:none;">
then I place some pictures, and then close the div with: </div>
After a post is done I always log out and check the post. And, indeed the code works as expected. See our back and forth above. However, I might go back and read that article a week later or so and… whadayouknow::: All the hidden pixs are displaying. When I check the html editor/page the display none div has been replace be a simple It is not clear what triggers this code change. One thought I had was that if I later go back and correct a simple typo and do a re-save, that might prompt WP to re-run some kind of code check. In any case now if I change anything on a page after it is published, I always log out and check it. But still sometime at a later point in time that display none div goes away and is always replace by a simple Any ideas????????? bc |
| October 12, 2011 at 6:12 am #1454 | |
|
Jeremy Clark |
Switching between the visual and html editor will cause problems. This plugin might have an option to allow the visual editor to ignore certain tags to keep it from changing them: http://wordpress.org/extend/plugins/tinymce-advanced/ |
You must be logged in to reply to this topic.
