/    Sign up×
Community /Pin to ProfileBookmark

IMage Upload Gallery

I Have images uploading to the server, but want them to be place in a temporary Gallery while there being uploaded, so I press upload the files copied to he new folder(working) and the image is displayed on screen(Half working)

Currently if I click upload it will copy the file, and print it on screen, then when I do it again it places the image underneath the first image when I want it to sit beside it im using a label and entering the <img> tag into that with each new upload.

[code=php]If Not (filUpload.PostedFile Is Nothing) Then
Dim strFileName As String
strFileName = filUpload.PostedFile.FileName
MsgBox(“Uploaded” + strFileName)
filUpload.PostedFile.SaveAs(Server.MapPath(strFileName))

lblImages.Text = lblImages.Text + “<div class=’PhotoBG’><img class=’PhotoItem’ src='” + strFileName + “‘ />Delete</div>”
End If

.PhotoBox
{
background-color: #FFF;
width: 117%;
min-height: 200px;
}

.PhotoBG
{
background-color:#E0E0E0;
text-align:center;
margin: 5px;
margin-top:10px;
height:120px;
width:100px;
border: 1px solid #006;
white-space:normal;
}

.PhotoItem
{
margin-top:5px;
min-width:95px;
max-height:110px;
max-width:95px;

}

[/code]

The Div is the Culprete making it step to the new Line, if I cahnge it to a span it prints how I want except the text “Delete” which will be a link soon jumps to the side.

What should I be Doing to get this effect?

to post a comment
CSS

0Be the first to comment 😎

×

Success!

Help @Nate1 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...