Magazine Style Photo Show

User 2924428 Photo


Registered User
1,718 posts

Hey guy's, is it possible to gather images that are / half cut and piece them together on a website to show a "media" page? I was thinking about using jquery for a slideshow but I already presented that style in my site. I'm not sure which way to go with this, but my friend got published into a magazine and I am doing a cover story + images for him .. thanks guys!! :D
User 122279 Photo


Senior Advisor
14,646 posts
Online Now

Not sure again what you mean exactly. Are you thinking of making a 'collage' style slideshow? Maybe if you find something on the web that looks like what you have in mind, we can always pick the code out and reuse it.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 38401 Photo


Senior Advisor
10,951 posts

I think he's thinking to make it like a flip book... lots of work there Matt.
User 2924428 Photo


Registered User
1,718 posts

Hey Inger, I got to do some resizing and get my coding right, and if you could help on this one i'd appreciate it, i'm trying to align an image to the right size , check it out on media page
http://www.craigjuddpinstriping.net/media.html
User 122279 Photo


Senior Advisor
14,646 posts
Online Now

Is that originally one large image?

If it is, and you want to cut it into 4 bits, you need to resize the whole image first, then slice it. into the bits you need. Then the bits have to have no margin or padding. You can create a div the width of two images and then just insert the images side by side.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2924428 Photo


Registered User
1,718 posts

It's four pages in a magazine, I just matched them off from first set to second set, it's the logo i'm having a problem with, the auto art magazine, I want that link to the right so I can make room on the left for more images. I'm using this code..
.rightbox {
right- Xpx;
}


It's not going to the right side of the page.. no matter how far I push the X amount numbers to..
User 122279 Photo


Senior Advisor
14,646 posts
Online Now

And you are scanning those pages? Make sure you scan at the same resolution for all of them. And put them straight into the scanner, it looks as if one of them is a bit off vertical. Then open them in an image editing programme and crop off any borders in the middle, where the two parts of the same image have to come together. But make sure you get them the same size. If you have Photoshop, you can stitch them together the way you want.

And your bit of code that you have quoted, make sure to have a colon after 'right'. And if the dash is a minus, then no space between it and the number of px.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,646 posts
Online Now

The rightbox in your style sheet is lacking the closing }
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2924428 Photo


Registered User
1,718 posts

Hey Inger , sorry I dont have photoshop, but I do have corel draw, the images I scanned were all the same resolution I think, it's just a thicker magazine so it's kinda hard to scan, I still can't get my image to go to the right using this code.. even with the close containers..
.rightbox {
float: right;
right: 600px;
}

I don't know why..
User 122279 Photo


Senior Advisor
14,646 posts
Online Now

How about this code:

.rightbox {
position: absolute;
right: 0;
top:200px;
}

The 200px is just an example, you can change it to fit your needs.

Using this, the box should sit smack on the right side. If you want to have it right aligned inside another div, like a wrapper or so, you have to give the wrapper position: relative;

I guess Corel Draw is ok, but I don't know that programme.

Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.