Auto open a large swf/unity object in a new WordPress popup frame - wordpress

I have game site with myarcadeplugin and the Gameleon Theme in wordpress, but unfortunately, when I upload a too large (width) game (swf of unity), it doesn't display properly.. and very often, it brokes the end of the page below the game or doesn't display at all.
I already have modify the css for having a larger screen for larges games, but the size (the maximum width) stay apparently the same..
On my site you must be connected to play a game, so I created a login/password:
Login : stackoverflow
password : stackoverflow
Here is a link to a game that does not have a problem and one with a problem (does not display the rest of the page).

Related

Customized Website with Image zoom instead of scrolling

I have been searching google and I'm unable to find a website builder that offers such a feature.
So basically what I want is:
Initially on website load a certain zoomed out image is presented to the user and as the user scrolls down (through his mouse/touchpad) certain parts of the image are zoomed in one by one. Instead of the usual scrolling down a page, the scrolling down would instead zoom in on parts of an image, if that makes sense? Is this possible to do somehow?

Website doesn't load portfolio content on mobile

I just made a website using a Wordpress theme and it all works good on desktop computers. However, while the site initially loads normally on my phone (I'm using iPhone 6 with iOS9, but the problem is the same on Android phones too, I tried two), once I click on the portfolio item, it loads a blank page (header and footer only).
When I tap on the address bar, I notice that it never went to the right link at first place (the portfolio item link), it just shows the homepage link and there is no content.
I managed to fix the problem by entering the external URL in portfolio item options. It was still internal link from the site but I made the link open the new tab (if it doesn't open new tab, the problem stays the same). However, if I choose to go back to the homepage from that link (the portfolio item link), the homepage is blank, there is only header and footer so the problem returns again.
Just so you know, the first portfolio item contains the external link outside the Wordpress and that one opens normally.
What is wrong with the mobile site?
The site URL is: http://svenharambasic.com
The screenshot is attached. Thank you!
P.S. There are also google ads showing, I never encountered that before, but I'll work on that once this is solved.
I only see a white screen upon clicking any of the homepage portfolio image links (except for the first link which goes to an external site in a new tab) on desktop and on mobile actually. There is a content_inner class with inline styling setting visibility:hidden.
It's unclear to me why it's doing that- maybe to remove focus from the body and draw focus towards something that is supposed to appear in the foreground but does not? If I remove visibility:hidden from the element in the browser, I see a series of additional images appear, which seems to me to be more an expected behavior. Are we on the right track?
I managed to solve this, it was the setting in the theme options; I had to disable grid lines... I can't say I truly understand why, but it worked!

We can't identify the issue with images on our blog (Could not load the image)

We're using a WordPress theme and we're facing a problem with images on our blog. On mobile view (or tablet view...maybe more, I'm not sure), it's showing "Could not load the image" when preview it (I'm using firebug). But when we check it by put link of image into browser address bar that's working good (so it's not the problem with missing image). This seems to happen with some images (responsive design problem !?)
Here is a screenshot
You can check this on our homepage (mobile view): ohiwill.com (the first article on Latest Explore Posts section).
Your images are loaded in via a srcset which will load certain images based on device resolution.
You are missing some thumbnail sizes.
You can see this one (1023px wide screens) exists:
https://www.ohiwill.com/wp-content/uploads/2017/11/legitimate-earn-money-online-1023x510.jpg
But the one loaded for sub 1000px wide screens does not: https://www.ohiwill.com/wp-content/uploads/2017/11/legitimate-earn-money-online-1000x500.jpg
Either the 1000x500 size got deleted, didn't crunch properly, or for some reason that's not being registered as a valid thumbnail size and you can add it back in using add_image_size()

Spotify player too big, unable to make it smaller. Wordpress

I am trying to add a spotify music player to my website, a wordpress website. I tried with two different add-ons ,in one it was only available the widget player as a free option and the other one, give what I was looking for but I am not able to change the size of it.
The code is
[spotifyplaybutton play="spotify:album:6ttYxo44Qt6rC1z8ibKn9s" view=”coverart” size=”0″ sizetype=”compact” theme=”white”]
The only two sizetype available within the add-on is big or compact, in both cases I am getting the same size of the music player.
You can see how it looks like from the website, griotblues.com/music
Follow the approach mentioned here
You can specify the height and width of the player by setting the height and width properties of the iframe

What is the preferred approach for using dual images (fast-loading thumbnails and full-sized photos)?

As my posterous/twitter photo blog is reportedly going the way of the PC at the end of the month, I'm going to create my own. I don't want the page to take aeons to load, so I want to use small (in file size) images for the thumbnails but then, when a visitor clicks on it to view it full-size, show the "real" image (full-size, both from a screen dimension perspective and as to its file size), in a sort of reverse bait-and-switch.
So I reckon I'll need subfolders like:
Project
Images
Thumbnails
Fullsize
I imagine something like this is done a lot. Is there an accepted/"received" way to "minify" the images to use as thumbnails (some webby type tool), or will I have to save each photo at a smaller size, one by one?
My answer would seem to be the Lightbox jQuery plugin:
http://leandrovieira.com/projects/jquery/lightbox/
http://www.designyourway.net/blog/resources/30-efficient-jquery-lightbox-plugins/
Also, for automating the creation of thumbnails, see Irfanview's Thumbnail Viewer. See http://www.irfanview.com/ and http://dev.fyicenter.com/Interview-Questions/HTML/How_do_I_make_a_thumbnail_for_my_image_s_.html

Resources