User submitted photo in a lightbox
I am absolutly perplexed. I'm trying to create a user submitted classifieds site, so users can sell items. I would just like for the user to be able to submit photos and then have them display in a lightbox.
I downloaded a simple lightbox gallery into dreamweaver then uploaded the site to BC. It came with demo images and worked fine (code below):
<div id="gallery1" class="lbGallery">
<ul>
<li> <a href="images/lightboxdemo1.jpg" title=""> <img src="images/lightboxdemo_thumb1.jpg" width="72" height="72" alt="" /> </a> </li>
<li> <a href="images/lightboxdemo2.jpg" title=""> <img src="images/lightboxdemo_thumb2.jpg" width="72" height="72" alt="" /> </a> </li>
<li> <a href="images/lightboxdemo3.jpg" title=""> <img src="images/lightboxdemo_thumb3.jpg" width="72" height="72" alt="" /> </a> </li>
<li> <a href="images/lightboxdemo4.jpg" title=""> <img src="images/lightboxdemo_thumb4.jpg" width="72" height="72" alt="" /> </a> </li>
<li> <a href="images/lightboxdemo5.jpg" title=""> <img src="images/lightboxdemo_thumb5.jpg" width="72" height="72" alt="" /> </a> </li>
</ul>
</div>
<script type="text/javascript">
// BeginWebWidget lightbox_gallery
$(function() {
$('#gallery1 a').lightBox();
// EndWebWidget lightbox_gallery
</script>
The tags for my photos are {tag_main photo}, {tag_photo#2} and so on to photo#5. I had hoped that I could just delete the current image source and input my tags and the lightbox would function however it does not. When I examine the code on the displayed page it shows that the tag does something like this...... <img src="src=........in other words the tag element supplies the command "src=" and messes things up. If I remove the original src= command BC automatically alters the code and everything gets messed up.
Does anyone have any ideas, or even idiot proof code I could use (I'm still figuring this out and probably can't handle intense coding)
Thanks
First, thank you both very much. I realize this question is probably very elemenatry but I'm still getting the feel for these features (such as lightbox) and as you can tell, having some difficulty. I updated the code as you both suggested and it brought me one step closer, the pictures now display in the web app as desired (here's the page http://yourboatconnection.businesscatalyst.com/boat-classifieds-1/324553425 ). I'm still having as issue though. When I click on them instead of opening up into the lightbox, as they do in the Live View in Dreamweaver, they now just open up full size in a new tab. Maybe I don't fully understand how to implement the code supplied with the widget but I added the below code into the CSS. Below that is the current, updated web app code. Maybe there is something obvious that one of you can see. I just want a simple thing to present the expanded pictures, I really didn't think this was going to be that difficult -silly me! Thanks again.
Plug-in Code:
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
#lightbox-nav-btnPrev {
left: 0;
float: left;
#lightbox-nav-btnNext {
right: 0;
float: right;
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}#gallery1 {
Web App Code (for the photos):
<div id="gallery1" class="lbGallery">
<ul>
<li><a href="{tag_main photo_value}"><img alt="" src="{tag_main photo_value}?Action=thumbnail&Width=250&Height=250" /></a></li>
<li><a href="{tag_photo#2_value}"><img alt="" src="{tag_photo#2_value}?Action=thumbnail&Width=250&Height=250" /></a></li>
<li> <a href="{tag_photo#3_value}"><img alt="" src="{tag_photo#3_value}?Action=thumbnail&Width=250&Height=250" /></a> </li>
<li> <a href="{tag_photo#4_value}"><img alt="" src="{tag_photo#4_value}?Action=thumbnail&Width=250&Height=250" /></a> </li>
<li> <a href="{tag_photo#5_value}"><img alt="" src="{tag_photo#5_value}?Action=thumbnail&Width=250&Height=250" /></a> </li>
</ul>
<script type="text/javascript">
// BeginWebWidget lightbox_gallery
$(function() {
$('#gallery1 a').lightBox();
// EndWebWidget lightbox_gallery
</script>
</div>
Similar Messages
-
Squishable website user-submitted photos won't load when clicking on them.
When looking at different Squishables, there are user-submitted photos at the bottom of the page. Whenever I click these photos, the window dims (similar to Facebook.com) but instead of the photo, a blank white box appears.
Is this a problem for anyone else, or is it just me?My daughter just phoned me with this problem... Her photos wouldn't show up, they vanished when resizing before she can even see then decently... (iPhoto 504) Being a university student she was relying on some science photos she had taken for assignments and was in a panic.
We did the following:
Backed up the iPhoto Library to CD, then trashed the original folder to ensure a clean start.
Trashed the com.apple.iphoto.plist file
Restarted iPhoto
Imported the photos folder by folder from the backup... (slow, but sure process - I'm sure someone has a shortcut)
and...
Everything was now fine... As we talked about what was happening, it turned out she hadn't liked the '07' '04' folder naming system iPhoto used and had changed the names to ones she understood, like 'September' etc. (oh dear, but hey, she didn't know...!)
So we could have saved ourselves a lot of hassle and time, but she swears to me she will NEVER tamper with the iPhoto library folder again!!! :o) -
Hi, we basically have an on-line job application that we need to be sent to us via e-mail notification every time a user submits a response, not with the raw data output from the form fields like the current e-mail notification setting allows, but as an actual PDF attachment that mirrors the format of the on-line form, with the user response data in it. We need this to be automated and sent to a central HR e-mail to distro to others. It would be essentially the same thing as a user downloading a PDF form, filling it out, then e-mailing it back to us, but using the submit options via the Form Central server instead. Is this even possible and, if so, is there any documentation on it? I have not found anything clear in searching for this same topic.
No this is not possible within Formscentral. You could export a PDF without a submit button (an option when saving your form as PDF) and then in Acrobat add a submit button to your form and have it automatically sent to the email of your choice. This kind of workflow falls outside the scope of Formscentral.
Andrew -
Some of the users Profile photo is not showing in sharepoint team sites
Some of the users Profile photo is not showing in the list of SharePoint team site.
In the people picker their picture is grayed out but if you click on their name it will direct you to their mysite and the picture is there.
Can some body help on this.Try running:
stsadm -o sync -deleteolddatabases 0
Then, run the timer job named similar to "User Profile Service Application - User Profile to SharePoint Full Synchronization". Wait for it to complete, then re-check the profile photo on the SharePoint site.
Trevor Seward
Follow or contact me at...
  
This post is my own opinion and does not necessarily reflect the opinion or view of Microsoft, its employees, or other MVPs. -
E-mails sent from PC users the photos are not present
When opening some e-mails sent from PC users the photos are not present anyone have the same situation.
I have not had such a problem. Is the size of the message sufficient to actually contain photos, of might this be a case of embedded links to images on remote servers?
Under the headers, is there any list of attachments?
Ernie -
How do I delete my user ID photo, taken with the camera in the MacBook Pro (when you first buy and set up the computer...). The photo keeps appearing randomly, even after I've changed it to a "better picture". I can't get the change to "stick". Anyone else having trouble with this? Thanks!
what OS are you using?
-
Can two users stream photos into iPhoto's PhotoStream?
Can my wife and I both user steam photos into iPhoto's PhotoStream? We don't want two iPhoto libraries and would love if we could both stream when we take pictures with our iPhones.
Thanks,
MemoThe only way you can have both your iPhones Photo Stream into the same iPhoto Library is to have the same iCloud account set up on each iPhone.
-
Display user-submitted content by date
Is it possible to display user-submitted content (Using Web Apps Input Form) by date with most recent at top of list, instead of by alphabetical order? https://unihub.worldsecuresystems.com/acctg-101-1/acctg-101 Please create user to view.
Hi,
You can customize the list view in Admin > Site Manager > Module Templates > Web App Layouts > List Layout to also include {tag_releasedate}.
Then, on a page, from the module toolbox, select Web Apps> List of Web App Items > you can choose the "Latest Items"
Kind Regards,
Alex -
Does anyone know how to set the user icon photo in iTunes? It has my name next to it on the new Yosemite iTunes - but the icon is empty, as if it's waiting for me to set the photo.
It also happens when I'm logged in on the Apple Store online.
Thanks!In Mavericks, that's where they are here :
What do you find when you go to the folder that leroydouglas suggested ?. -
Revision: 5713
Author: [email protected]
Date: 2009-03-28 16:31:33 -0700 (Sat, 28 Mar 2009)
Log Message:
User-submitted patch to fix DividedBox numDividers during divider drag operation
QE Notes: None
Doc Notes: None
Bugs: sdk-15199
Reviewer: alex
tests: checkintests, mustella/dividedBox
Ticket Links:
http://bugs.adobe.com/jira/browse/sdk-15199
Modified Paths:
flex/sdk/branches/3.x/frameworks/projects/framework/src/mx/containers/DividedBox.as -
[svn:fx-3.x] 5774: User-submitted patch to fix RTE in Menu
Revision: 5774
Author: [email protected]
Date: 2009-03-30 14:33:49 -0700 (Mon, 30 Mar 2009)
Log Message:
User-submitted patch to fix RTE in Menu
QE Notes: None
Doc Notes: None
Bugs: sdk-16662
Reviewer: alex
tests: checkintests, mustella/Menu
Ticket Links:
http://bugs.adobe.com/jira/browse/sdk-16662
Modified Paths:
flex/sdk/branches/3.x/frameworks/projects/framework/src/mx/controls/Menu.asScott-
I hear you, but disagree (on both the solution and the nature of the problem).
I think having Command-` cycle between ALL windows should be an option, not the default. I like the fact that it stays in the current Space by default.
If you want to switch between Apps within one Space (regardless of the root of an app), make sure that you (previously) selected a window for the App you're switching TO that is in the same window. The behavior of App Switching takes you to the foreground window of the App, regardless of the space you're in.
-Dan -
Revision: 5729
Author: [email protected]
Date: 2009-03-29 14:57:30 -0700 (Sun, 29 Mar 2009)
Log Message:
User-submitted patch to fix metadata reporting in ObjectUtil.getClassInfo.
QE Notes: None
Doc Notes: None
Bugs: sdk-17227
Reviewer: alex
tests: checkintests
Ticket Links:
http://bugs.adobe.com/jira/browse/sdk-17227
Modified Paths:
flex/sdk/branches/3.x/frameworks/projects/framework/src/mx/utils/ObjectUtil.asRevision: 5729
Author: [email protected]
Date: 2009-03-29 14:57:30 -0700 (Sun, 29 Mar 2009)
Log Message:
User-submitted patch to fix metadata reporting in ObjectUtil.getClassInfo.
QE Notes: None
Doc Notes: None
Bugs: sdk-17227
Reviewer: alex
tests: checkintests
Ticket Links:
http://bugs.adobe.com/jira/browse/sdk-17227
Modified Paths:
flex/sdk/branches/3.x/frameworks/projects/framework/src/mx/utils/ObjectUtil.as -
Is there a way to use user's photo in portlet?
Is there a way to use the user's photo in a portlet? Say a small image in one of the corners?
Hi,
If you are using release 2, you can use ordimage to show an image in the report. The table should have a ordimage column to select from.
This will be the SQL to query data from tables having intermedia data.
Select a.empno,a.ename,a.mgr,a.sal,
portal30.wwv_user_utilities.get_intermedia('EMP','EMP_AUDIO','AUDIO',a.rowid)
the_audio, b.dname,b.loc,
portal30.wwv_user_utilities.get_intermedia('DEPT','DEPT_PICTURE','IMAGE',b.rowid) the_picture
from emp a, dept b
where a.deptno = b.deptno
You can then publish this report as a portlet.
If you do not want to select from a table, then you can use dynamic page to have your html content and use an image in that and publish the dynamic page as a portlet.
Thanks,
Sharmila -
Revision: 5719
Author: [email protected]
Date: 2009-03-28 18:50:54 -0700 (Sat, 28 Mar 2009)
Log Message:
User-submitted patch to make keypad numbers work for selection in ComboBox
QE Notes: None
Doc Notes: None
Bugs: sdk-17276
Reviewer: alex
tests: checkintests
Ticket Links:
http://bugs.adobe.com/jira/browse/sdk-17276
Patch submitter: Paul Taylor
Community reviewer: Iwo Banas
Ticket Links:
http://bugs.adobe.com/jira/browse/sdk-17276
http://bugs.adobe.com/jira/browse/sdk-17276
Modified Paths:
flex/sdk/branches/3.x/frameworks/projects/framework/src/mx/controls/listClasses/ListBase. asHi,
Found the reason for the problem. I think there's a bug in Flex that causes this. One of my formItem had an id="owner" and maybe flex has used this "owner" id somewhere internally. I changed the name and now all the comboboxes are working fine. -
Recents.plist file in my User/Pictures/Photo Booth folder?
When I use PhotoBooth, a preference file named Recents.plist forms inside my User/Pictures/Photo Booth folder along with the picture. Why is this happening and can it be stopped?
Hello and thanks again BDAqua for writing. Yes, if I delete this Photo Booth Recent.plist file it will come back in the same place in my User/Photo Booth folder after I take another picture in Photo Booth. After deleting the one that was created earlier this morning, a Spotlight search shows no other file named Recents.plist anywhere on my HD. Spotlight also shows no entries named Photo Booth except the application itself and the one in my User/Pictures folder. I have no Photo Booth folder you describe to hold this preference file in my User/Application Support folder at all. The last four weekly clones I've taken also have no Photo Booth folder in that Application Support folder.
Maybe you are looking for
-
How do I move my music from an Ipod to my new Iphone?
I have a new iphone. All of my music is in an itunes library on my pc. How do I move it the iphone. When I sync this does not happen?
-
Can't create a group contact on iPhone in iOS 7
hi guys, its really irritating. i don;t know if u guys have the same problem or not. or only me don't know how to create the group on any idevices in ios 7. this is happens to me. i want to create a group on my iphone contact so i can organize all my
-
I have moved from the UK to Canada and would like to pay for subscriptions in Canadian dollars rather than sterling pounds. Also I would like to take up Creative Cloud subscription offer because I qualified as a prior purchaser of CS packages. How do
-
IPod Nano (6th gen) will not sync.
Okay, I have an iPod Nano (6th generation) that won't sync. I've reset the iPod many times, uninstalled and reinstalled iTunes, done all the suggestions given by the troubleshooting assistant, and still nothing. When I plug it in, it turns on and beg
-
Connecting my bellsouth email to the pre
I have spent countless hours with sprint and att with no luck. We can't get my bellsouth email on the pre have tried many different mail servers. The one bellsouth said to use is mail.bellsouth.net which doesn't work. Also tried pop.att.yahoo.com fo