Geschrieben um: 20:48 Uhr | 768
Lightview Plus (en)
Mai
Diese Seite ist auch in deutsch verfügbar!
Lightview Plus is a wordpress plug-in which integrates Lightview into your wordpress blog and automatically changes all image links, so the images will open with lightview. Now, it is possible to show videos from YouTube and Vimeo with lightview.
Installation
- Copy the lightview-plus directory to the wordpress plug-in directory under /wp-content/
- Download Lightview javascript and decompress it
- Copy the directories „css“, „images“ and „js“ of the decompressed folder to /wp-content/plugins/lightview-plus/
- Activate the plug-in in the plug-in menu
- That’s it!
Update
To backup the lightview javascript on update, it is possible to activate a backup function in the options menu.
Embed Images
- Choose an image of your choice, as you have done it in wordpress many times
- Create a link with this image to a bigger version of this image
- All the rest is done from lightview-plus automatically
Examples for Images
Embed Videos
- Click the new button „Embed Video“
- In the pop-up choose the portal you want to use (at the moment only YouTube and Vimeo. More in one of the next version).
- Insert the video id
- Choose, if you want a link text under the video
- Enter the link text
- Click INSERT
Find out the Video ID
- YouTube: http://de.youtube.com/watch?v=DYgZOY2g27w
- Vimeo: http://www.vimeo.com/1573042
- Blip.TV: It’s a little bit complicated. To show the this blip.tv video, you have to click on the share button. Under „embed episode“ find in the embed code this URL: http://a.blip.tv/api.swf#hPt7gu3pUgI . The highlighted part is the one you need to run the video with lightview plus
Example for Video
Download
You find the current version under wordpress.org
FAQ
Nothing is opened with lightview?
In you theme the <?php wp_head(); ?> is missing. Please, add it.
Images are still not opened with lightview!
Maybe an other plug-in uses jQuery or an older version of prototype oder scriptaculous. Deactivate the plug-ins or let me know if you found an alternative.
I added images to my text, but they are not clickable and they are not shown with lightview.
You have to create a link to the image. E. g. create a link from the image to the same image or a bigger one.
Is there a jQuery version of lightview?
I am not the author of lightview. I have done a wrapper for wordpress. Please, ask the author of lightview and let me know about the alternative.
Lightview does not work in browser xy on OS yz. / How do I change the display of lightview?
I have no look into the lightview javascript code. Please, ask the author of lightview.
Current Version
The actual version is v3.1. Now, it supports YouTube, blip.tv and Vimeo videos.
Translation
Everyone is invited to send me a translated language pack of lightview-plus. Now, we have the following languages integrated:
- German — myself
- Italian — Gianni Diurno
- French — Martin Vauchel
- Turkish — Cem Gedik
- Portuguese/Brasil — Eduardo Enrietti
- Russian — M. Comfi
- Dansk - Georg S. Adamsen
- Spanish — Eduardo Vázquez
- Dutch - Rene
Donate
If you think this plug-in is useful or you want support, don’t hesitate to donate. Lightview Plus has required a great deal of time and effort to develop. If it’s been useful to you then you can support this development by making a small donation. This will act as an incentive for me to carry on developing it, providing countless hours of support, and including any enhancements that are suggested. If you don’t have a clue how much you want to spend, the average of the last donations were €8. But every other amount is welcome. Please note, that PayPal takes for every transaction round about €0.50. So every donation below €1 is only a donation to PayPal 
Further you have the options to have a look at my amazon wishlist.
RSS Feed
Twitter
Facebook
RSS 2.0 Weblog
This plugin don’t do anything in the admin panel. So, it can’t be the plugin if your texteditor isn’t working proper…
Doesn’t the lightview window resizes after the image size?
My image is at 640×480 but it is shrinked down
Yes, that’s lightview
Read here http://www.nickstakenburg.com/projects/lightview/ to get more informations about it!
Oh! I now read about the smartsizing option! Turned it to false and now the findow fit the image size and not the viewport!
Thorsten, I apologize now for how lengthy this post will be. I’m having some difficulty getting Lightview set up using the Lightview-Plus plugin. I posted my issue over at Nick Stakenburg’s site, and he advised I contact you. I’ll just paste in the contents of the initial discussion post I submitted to Nick. Here goes:
In conjunction with Lightview, I’m also using the WordPress Lightview-Plus plugin and the WordPress Cleaner Gallery plugin. Prior to installing Lightview, I had experimented with Photo Xhibit using Lightbox, but I have now removed Photo Xhibit from the plugins folder.
The images have been uploaded and styled with CSS as desired. However, the class for the images is currently showing as „lightbox“, and the rel is showing as „lightbox[cleaner-gallery-413]“. I’m not sure how to go about getting the class for the images to show as „lightview“ and the rel to show as ‚gallery[myset]‘. I also don’t know what term I’m supposed to put in place of [myset].
My main reason for writing is due to not getting the Lightview effect when I click on a thumbnail. Instead, the enlarged image opens up in a new, white window with the image positioned at the top left of the window. Is this solely due to not having the class set to „lightview“? Firebug is also displaying the error „Prototype is not defined.“
When I check for HTML validation, I get one error, as follows:
Line 109, Column 32: document type does not allow element „div“ here; missing one of „object“, „applet“, „map“, „iframe“, „button“, „ins“, „del“ start-tag.
<dt class=„galle
However, if I remove the gallery images from the page, the page *will* validate. So I assume that error has to do with the Cleaner Gallery plugin?
Here’s the code I’ve inserted into my header file:
The Lightview directories (css, images and js) are located inside the wp-content/plugins/lightview-plus folder.
This test gallery can be seen at http://www.lewisvillephotos.com/photo-moment-1
END POST
Nick replied that he didn’t think I had the link to my javascript files set correctly, and that setting the correct rel and class attributes is required. This is my first gallery, and I don’t know how the link to the javascript files should be corrected. I also don’t understand why the rel and class attributes are not showing up correctly. Is that possibly due to having previously used Photo Xhibit and Lightbox, even though they’re no longer installed?
I would really like to get Lightview to work. Please help if you can.
Thank you.
Deb
I see the code I inserted into my header doesn’t show up. Let me try that again here — I’m gong to leave out the angel brackets. Maybe that’ll get it through:
link rel=„stylesheet“ type=„text/css“ href=„css/lightview.css“ /
script type=‚text/javascript‘ src=‚js/prototype-1.6.0.2.js‘ /script
script type=‚text/javascript‘ src=‚js/scriptaculous-js-1.8.1/src/scriptaculous.js?load=effects’
/script
script type=‚text/javascript‘ src=‚js/lightview.js‘ /script
ALL ANGLE BRACKETS HAVE BEEN REMOVED. Hope this works.
Deb, you can remove your added header. lightview.js, scriptacolous and prototype are loaded by the lightview-plus plugin.
And please remove for testing the „sharethis.com“- entry in the header and test it again.
I can’t see a problem in your html.
Thorsten, I removed the redundant javascript files I’d added to the header — and I also removed the first line that had been added for the lightview.css file. (Please let me know if I should not have deleted the lightview.css line.) I’ve also temporarily deactivated the ShareThis plugin. But…Lightview is still not working.
Does the Firebug error „Prototype is not defined“ give any clue?
I’ve still got to find out why I’m getting that single HTML error — will need to contact the Cleaner Gallery plugin author on that.
Can you think of any other troubleshooting steps that make sense to check?
I appreciate your getting back with me. This issue has consumed my whole day!
Possible, that my plugin is not completely uploaded to you webspace or maybe there is an incomabtilility with an other javascript.
But I am not an JS expert.
If I may, I’d like to ask a few more questions, Thorsten.
1) There were some previous comments here that your plugin has some issues with WP 2.5.1. Is that still the case, or not? (I’m just trying to cover all the bases!
)
2) Do you know whether there would be conflicts that might keep Lightview from working if I had previously installed and run Lightbox and some other gallery scripts that came with another plugin? When such scripts are installed or run, do you know if any of them leave any remnants in the WP files, even after a gallery plugin’s directory has been removed from the server?
Thank you!
Dear, me again. I had to deactivate the plugin in wordpress because it was crashing on IE6 (Operation aborted, page cant be loaded). And only disabling this plugin it would stop doing the crashing.
Any ideas?
hi, can anyone show me how to make the ligthview– box works?
1.create a post
2. Add images in post
3. then???
thank you
@Deb
1.) No, there was never a problem with WP 2.5.1. They talked about the gallery-tag function, which was never implemented in lightview-plus (but in the next version)
2.) Not, than I know
@Gis
Reinstall your computer, use firefox or better … a mac
I think there is a link to an image in you blog entry, which do not exist anymore.
@gulfee
You are right. Create a post, add an link TO an image. Thats it!
I use firefox, my problem is that most of the people doesnt, so theyd get the error
Dear Thorsten,
Firstly thanks for your nice work. I have Lightbox as default and I use a script to add automatically the rel tags for the presentations of my pictures, when I disable lightbox and enable Lightview plus, I notice that it does not convert all the pictures to the lightview tag and leaves the pictures with no popup.
I hope it makes sense please let me know if I need to supply you with more info
Do you disabled your plugin which adds automatically the rel-lightbox-thing? And have you looked to your HTML-Source which HTML-tags are set to the linked images?