I am trying to use Lightbox 2 (ver 2.51) with an image map. The site is for a theme park, and the park map image has 8 areas, and each area should have its own slideshow. I tried using rel="lightbox[group1]" but apparently "rel" doesn't work with "area" as it does with "a". The solution on the Lightbox 2 forum page is here http://www.patworx.de/blog/?p=20 and says:
"Workaround:
But Prototype is still able to get the attribute :)
So just replace
imageLink.rel
with
Element.readAttribute($(imageLink), "rel")
and enjoy Lightbox!"
However, I can't find imageLink.rel in the lightbox.js file. This solution mentions Lightbox 2.04, so it may be an outdated solution now. Any ideas for the latest version of Lightbox 2? Thanks in advance.
EDIT:
http://jsfiddle.net/GBpjJ/
I finally answered my own question, in case anyone else is interested...I found this page that actually has a few different ways to do an image map without the "area" tag, which lets you use the "rel" tag with an anchor tag in an image map. The one that worked for me was example 2a. Hope this can help someone else.
http://www.wickham43.net/imagemaps.php
Related
I need a bit help about as follow:
Into the "profile" page is present the cover image. This is visible only into the "profile" page. What I'm trying to do is to insert the cover image into ALL other pages too (home, friends, members, ext...). Into "template.html.php" file I found the reference to the module, that is: {module name='profile.logo'}
By following the path, I also found the two files: "logo.html.php" and "logo.class.php".
I've been able to edit the cover's position and size too, but any way after many attemps I haven't been able to make the cover visible on ALL other pages.
Can someone of you guys help me please?
Thank you very much!
How about making a block and placing it in position 9 or 7?
Another way might be editing template.html.php and removing the conditional to always display profile.logo regardless of controller
Ps im at my phone its 1:40am and i cant see the code right now
The scenario:
I'm on the Startpage of my Blog, and there is an Article with its post-thumbnail. When I click on the Header or the "…read more-link I get to the post.
My question:
Is it possible to set the image bigger when you're on the single-post-page? Furthermore I would like to understand how to set this post-thumbnail-difference up.
I hope you've understood my bad english :) I'm looking forward in receiving help from you guys.
Best regards
Morten
Update:
Here two Screenshots of the Scenario:
Startpage > http://s1.directupload.net/images/130517/ltxuxyj6.png
Singlepost > http://s1.directupload.net/images/130517/lap5re2j.png
The images belongs to me (© Morten Sassi)
I think it depends on the theme you're using : on mine, thumbnail isn't used for the startpage but it use the "featured image", and once on the page of the article I just add the image directly in the body of the article with the size I want.
Maybe you can have a look to your template code and either edit it (but if you're using a theme you didn't create and you update it later your modifications will be deleted) or create a child theme (better solution) to edit only the files you want.
Hope this will help ^^
The best & easy tricky way is uplod your image from media, copy the path and paste this on your post or page editor from backend..and you will get what you want.
Thanks
anand
page being worked on
Hello all I hope this will be a simple fix I just don't know what is holding up the program.
So here is the scenario, I have just installed lightbox I test just the first image and in worked great no problem. So then I proceeded to group all the images on the page and none of them would open. You will see on the page now I just have two pictures the rest are commented out.
Any help would be great thanks!
From what I am seeing, your second image is not appearing because the file you are pointing to has not been uploaded to the site.
For your first image, the "A" tag is referencing 1small.jpg, which is the same as the image.
For your second image, the "A" tag is referencing 125large.jpg, which is different from the image (125small.jpg).
Either upload the missing image, or correct the "A" tag.
I'm fairly new to Share Point so forgive me if this is to easy for you guys, but I could not seem to find the answer anywhere and I am rather stumped.
I am currently trying to make a website to track if particular tasks go over their due date. I have a calculated column that leaves a DIV tag to the image of a red/yellow/green circle which is displayed by the javascript for a Content Editor Web Part (CEWP) made by Christophe on his site here:
http://blog.pathtosharepoint.com/2008/09/01/using-calculated-columns-to-write-html/
I was able to put his code into the CEWP and everything looks great when it is in a standard list.
But I want a web part version of this on the homepage for easy view. When I make the web part (of a view grouping by the image tag) and place on the main site all I see is the DIV tag! I made sure to put an identical CEWP on the homepage as well but i get as grouping:
+[columnName] : DIV>img title=blahblahblah>/DIV> (2)
Needles to say when I expand this it stays the same for all entries below
Any Ideas?
Thanks for your time :D
Nobody has responded, but I found the answer so hopefully this will save someone the hours of grief I had. This will seem ridiculous but just go with it.
In the calculated column instead of returning the type as text, return it as a currency. Sounds ridiculous BUT IT WORKS!!
Does there exist anything akin "UberSelectionWidget for images?" I'd like to get rid of direct-upload image fields and make all images to be managed through an image bank folder.
1) In all use cases upload image to image-bank folder first
2) Pick image from the folder by using some sort of image friendly selection widget (both Archetypes, Dexterity)
This way adding images would be unified within TinyMCE editor and news content items.
The problem, however, is that I cannot find any examples for reference picker for images solution.
Please see also Making TinyMCE image pick dialog point to a default folder on Plone
I am willing to replace News Item with my own content type just to get around this problem.
This product helped me in a Plone 3 project:
http://plone.org/products/upload-reference-widget
I had to customize it a little but I think it's a good base to start with.
No Dexterity support IIRC.
Use ReferenceField instead of ImageField in your content types, it make the job done.
You can extend 'News Item' type by using schemaextender.
Bonus:
But asking for people to first add image before adding a news is weird. As widget you must use uploadreference widgets for archetypes as mentionned by marcosfromero . It works and let you add an images without going away of your addform.
I'm not sure but there is no z3cform widget at the moment to achieve this (upload & create ref), may be someone can create it or get me wrong ?