Jamroom Logo Jamroom 5 Core
is now Open Source!
User Support Forum Archive (Read Only)
Jamroom Help:
Jamroom5 Demo Site
Douglas
Jamroom Team


Joined: 08 Oct 2004
Posts: 6639
Location: Tornado Alley!

Posted: 02/03/13 09:35 
Is that what your seeing when you view it on a mobile device or just when you make your browser screen smaller?


_________________
Douglas Hackney
Jamroom Network Team Member: http://www.jamroom.net
Priority Support: http://www.jamroom.net/Support_Center
Back to top
djmerlyn
Jamroom Ustad


Joined: 18 Dec 2003
Posts: 13497
Location: Behind You

Posted: 02/03/13 12:25 
I also happen to have a computer with a small browser window, I don't know a better way to suggest reproducing it unless you have a touch screen micro vaio?


_________________
Pro JR Hosting, now 50% off!
-100% Guaranteed

"more server and network power than any host, dedicated to your jamroom site"
Back to top
Elder



Joined: 21 Jul 2010
Posts: 108
Location: San Diego

Posted: 02/03/13 13:42 
Would this help out to see how it will look on different size mobile screens:

http://www.brickandmobile.com/mobile-emulator/


_________________
Back to top
SteveX
Ultrabubble


Joined: 30 Aug 2005
Posts: 8792
Location: Ultrabubble

Posted: 02/03/13 18:36 
One option would be to set a max-width on the image for the different breakpoints:

Code
@media (max-width: 767px) { /* tablets */
  img {
    max-width: 300px;
  }
}
@media (max-width: 480px) { /* phone landscape */
  img {
    max-width: 220px;
  }
}



_________________
Kulshi Mezian!

"Stranger from another planet, welcome to our hole. Just strap on your guitar and we'll play some rock and roll"

Ultrabubble create things.
Back to top
american



Joined: 06 Apr 2006
Posts: 1417
Location: The Americas

Posted: 02/03/13 21:04 

ouviste:
Ok, I'm looking at most people who will join my site (jamroom 5) from now on to be from Facebook, so that is a bit disappointing since I won't be able to feature bands or artists who signed up using their facebook account because their pictures won't be of good quality, I wonder why the mod creator hasn't updated that feature.


The mod creator would love nothing more than getting access to the original picture you uploaded on your fb site, unfortunately, fb owns them except from you... Call face book customer service and ask all your friends to call, ask if it's something then can help with...

I agree with you 100%..


_________________
If This was helpful... Buy me a beer!

Fresh Water is a Human Right!

"Migration is a human right"
Back to top
djmerlyn
Jamroom Ustad


Joined: 18 Dec 2003
Posts: 13497
Location: Behind You

Posted: 02/03/13 21:15 
The original photo in full quality is listed in the profile photos album and the current picture is always the first one in the album. Perhaps the photo just needs to be pulled from a different place.


_________________
Pro JR Hosting, now 50% off!
-100% Guaranteed

"more server and network power than any host, dedicated to your jamroom site"
Back to top
american



Joined: 06 Apr 2006
Posts: 1417
Location: The Americas

Posted: 02/03/13 21:57 

djmerlyn:
The original photo in full quality is listed in the profile photos album and the current picture is always the first one in the album. Perhaps the photo just needs to be pulled from a different place.


Dj..

Could you give more juice on http://Indie103.ca


It's breaking huge.. Power please.....


_________________
If This was helpful... Buy me a beer!

Fresh Water is a Human Right!

"Migration is a human right"
Back to top
djmerlyn
Jamroom Ustad


Joined: 18 Dec 2003
Posts: 13497
Location: Behind You

Posted: 02/04/13 00:37 
Seems unrelated to the topic. Send a ticket.


_________________
Pro JR Hosting, now 50% off!
-100% Guaranteed

"more server and network power than any host, dedicated to your jamroom site"
Back to top
american



Joined: 06 Apr 2006
Posts: 1417
Location: The Americas

Posted: 02/04/13 01:51 

djmerlyn:
Seems unrelated to the topic. Send a ticket.


Why does the text in the subject line of my "excuse me for butting in" previous message not show up on the message..

I saw you online and got carried away..

Also wanted to let the jr5 guys not to forget to incorporated to the function (data base).. You know what I mean.

Lots of the jr3 and jr4 guys may not know it's available as it's not on the market section...

New jr5 won't know about it.

Or maybe it is.. I couldn't find it..

No disrespect meant!


_________________
If This was helpful... Buy me a beer!

Fresh Water is a Human Right!

"Migration is a human right"
Back to top
SteveX
Ultrabubble


Joined: 30 Aug 2005
Posts: 8792
Location: Ultrabubble

Posted: 02/04/13 03:21 
Back to the media queries...

This is a really good article covering a lot of the need to know stuff for responsive layout:
http://learn.shayhowe.com/advanced-html-css/responsive-web-design

It's a long article (necessarily so) but there's a link at the top to jump down to the section on @media


_________________
Kulshi Mezian!

"Stranger from another planet, welcome to our hole. Just strap on your guitar and we'll play some rock and roll"

Ultrabubble create things.
Back to top
Douglas
Jamroom Team


Joined: 08 Oct 2004
Posts: 6639
Location: Tornado Alley!

Posted: 02/15/13 13:39 

djmerlyn:
When the screen gets smaller, the images get bigger, and blurry. That's not a feature, that's a problem. If the images are going to get bigger then the GD resized image- either GD needs to resize them again, or the images need to stay the same size as the screen gets smaller so they are still viewable. Make your browser resizable and drag a corner in to watch what the images do.


I've got the image issue fixed for jrNova as well as a new nav menu for mobile devices, like the jrElastic skins menu.

Smile


_________________
Douglas Hackney
Jamroom Network Team Member: http://www.jamroom.net
Priority Support: http://www.jamroom.net/Support_Center
Back to top
Brian
Jamroom Team


Joined: 09 Jul 2003
Posts: 37583
Location: Seattle, WA

Posted: 02/16/13 08:05 

djmerlyn:
When the screen gets smaller, the images get bigger, and blurry. That's not a feature, that's a problem. If the images are going to get bigger then the GD resized image- either GD needs to resize them again, or the images need to stay the same size as the screen gets smaller so they are still viewable. Make your browser resizable and drag a corner in to watch what the images do.


There's no GD resizing going on - the browser is actually doing the image resizing. So basically the skin sends out images at a certain size (say 512x512 pixels). The browser will set the image width to 100% (not 512 pixels), so it fills up the entire width of it's "lane". As the browser window shrinks/expands, the image will resize so it is always 100% of the width of that container.

So if the original image is low quality (say 100x100 pixels in size), it's going to look REALLY bad/pixelated as it is blown up to 100% the width of the column it is in. So having high quality original images is really a must to make sure it looks good.

So with the skins, you'll want to make sure and select the featured profile's that have good images. You can also modify the templates and change the "column width" - there are 12 columns, so changing it from say "col4" to "col3" will make it so the image is smaller on the page, but sharper since it is not being blown up so much by the browser.

It makes me think that beyond the jrCore_list "require_image" parameter having just a true/false value, that we can set it to something like:


Code

require_image=512


so only images that are a minimum 512 pixels in width will appear in the listing.

Hope this helps!

- Brian


_________________
Make sure and check out:
* The Jamroom FAQ
* The Jamroom Documentation
Back to top
SteveX
Ultrabubble


Joined: 30 Aug 2005
Posts: 8792
Location: Ultrabubble

Posted: 02/16/13 09:54 
I like reqimg=512, it'll be very useful.

These are interesting to keep an eye on in the (hopefully) not too distant future.

https://github.com/Wilto/draft-prop/wiki/Current-users,-polyfills,-prototypes,-and-implementations

https://github.com/scottjehl/picturefill/ <-- This one works well, but extra html currently needed:

Code
    <div data-picture data-alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">
        <div data-src="small.jpg"></div>
        <div data-src="medium.jpg"     data-media="(min-width: 400px)"></div>
        <div data-src="large.jpg"      data-media="(min-width: 800px)"></div>
        <div data-src="extralarge.jpg" data-media="(min-width: 1000px)"></div>

        <!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
        <noscript>
            <img src="external/imgs/small.jpg" alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">
        </noscript>
    </div>



_________________
Kulshi Mezian!

"Stranger from another planet, welcome to our hole. Just strap on your guitar and we'll play some rock and roll"

Ultrabubble create things.
Back to top
infinityssm



Joined: 01 Apr 2006
Posts: 149

Posted: 02/20/13 21:57 
Hi Paul,

Great demo. Seeing the Nova skin helps me think of a plan for my layout. Question; How are you implementing the video section of the site? Is this an update?

http://demo.jamroomnetwork.com/bodawg/video/1/zippity-do-da

Thanks
Mike

Back to top
Elder



Joined: 21 Jul 2010
Posts: 108
Location: San Diego

Posted: 02/20/13 23:12 
So no more calender for the concerts section? How are people supposed to see what day concerts falls on Monday-Sunday without going to another page like Google Calender to see?


_________________
Back to top
Display posts from previous:   
User Support Forum Archive (Read Only)
Jamroom Help

< Previous1234567Next >
 
Solutions
• Social Media Platform
• Social Networking Software
• Musician Website Manager
• Community Builder
Products
• Jamroom Core
• Jamroom Addons
• Jamroom Modules
• Jamroom Marketplace
Support
• Support Forum
• Documentation
• Support Center
• Contact Support
Community
• Community Forum
• Member Sites
• Developers
Company
• About Us
• Contact Us
• Privacy Policy
©2003 - 2010 Talldude Networks, LLC.