The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

having problems with adding pictures

View previous topic View next topic Go down

Solved having problems with adding pictures

Post by Broomhilda on January 17th 2015, 12:01 am

I am trying to add 2 pictureshttp://i57.tinypic.com/mkpkg.jpg and this picture http://i59.tinypic.com/2vculjm.jpg into the same place as the main picture..

I know it can be done because I was able to add some of the Christmas java pictures that is on here to the same place as I am trying to get these 2 pictures...

The only thing is I don't know how to do java..I also tried the HTML website link to that area but it didn't work..

How do I make these 2 pictures java scripts to add them..

Thanks for your help in advance.. Smile


Last edited by Broomhilda on January 17th 2015, 3:29 am; edited 1 time in total

Broomhilda
Forumember

Female Posts : 245
Reputation : 27
Language : English
Location : Missouri

http://broomhildassims2.my-freeforum.com/

Back to top Go down

Solved Re: having problems with adding pictures

Post by Ange Tuteur on January 17th 2015, 12:55 am

Hi @Broomhilda,

Are you adding these images to the homepage message, or elsewhere ? I'm sorry, I did not know what you meant by "main picture" Embarassed


If it's for the homepage message, you can use HTML.

Image 1 :
Code:
<img src="http://i57.tinypic.com/mkpkg.jpg"/>

Image 2 :
Code:
<img src="http://i59.tinypic.com/2vculjm.jpg"/>

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: having problems with adding pictures

Post by Broomhilda on January 17th 2015, 1:25 am

I'm sorry..I have trouble trying to explain myself sometimes..

Where the logo picture is I would like those 2 pictures on there as well on each side of it..during Christmas I used some of the Christmas java script pictures that someone had posted on here and added them to the area where the logo picture is..

I tried the HTML url that I have to those pictures but it didn't work..but I know that java script works..

Sorry if this is confusing as well..

Broomhilda
Forumember

Female Posts : 245
Reputation : 27
Language : English
Location : Missouri

http://broomhildassims2.my-freeforum.com/

Back to top Go down

Solved Re: having problems with adding pictures

Post by Ange Tuteur on January 17th 2015, 2:18 am

I think I get what you mean now. Smile

Try adding the following to a JavaScript in the homepage.
Modules > JavaScript codes management > Create a new script

Title : Your choice
Placement : In the homepage
Paste the code below and submit :
Code:
$(function() {
  var leftImage = 'http://i57.tinypic.com/mkpkg.jpg',
      rightImage = 'http://i59.tinypic.com/2vculjm.jpg';
 
  $('body').append('<img style="position:absolute;top:0;left:0;" src="'+leftImage+'"/><img style="position:absolute;top:0;right:0;" src="'+rightImage+'"/>');
});

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: having problems with adding pictures

Post by Broomhilda on January 17th 2015, 2:48 am

Thank you so much Ange this is what I wanted...but the images are backwards lol..sorry..

Can I get them switched around where the head one is on the right and the pot on the left and have them both on the bottom..

Thank you again..you are awesome cheers

Broomhilda
Forumember

Female Posts : 245
Reputation : 27
Language : English
Location : Missouri

http://broomhildassims2.my-freeforum.com/

Back to top Go down

Solved Re: having problems with adding pictures

Post by Ange Tuteur on January 17th 2015, 3:21 am

You're welcome, and not a problem we can switch them ! Mr. Green

Like this ?
Code:
$(function() {
  var leftImage = 'http://i59.tinypic.com/2vculjm.jpg',
      rightImage = 'http://i57.tinypic.com/mkpkg.jpg';
 
  $('td:has(#i_logo)').css('position','relative').append('<img style="position:absolute;bottom:0;left:0;" src="'+leftImage+'"/><img style="position:absolute;bottom:0;right:0;" src="'+rightImage+'"/>');
});

or like this ?
Code:
$(function() {
  var leftImage = 'http://i57.tinypic.com/mkpkg.jpg',
      rightImage = 'http://i59.tinypic.com/2vculjm.jpg';
 
  $('td:has(#i_logo)').css('position','relative').append('<img style="position:absolute;bottom:0;left:0;" src="'+leftImage+'"/><img style="position:absolute;bottom:0;right:0;" src="'+rightImage+'"/>');
});

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: having problems with adding pictures

Post by Broomhilda on January 17th 2015, 3:26 am

Young lady I can give you a computer hug for this... ~1~ here I will give you this..

Thank you again Ange..I took the top one.. thumleft

Broomhilda
Forumember

Female Posts : 245
Reputation : 27
Language : English
Location : Missouri

http://broomhildassims2.my-freeforum.com/

Back to top Go down

Solved Re: having problems with adding pictures

Post by Broomhilda on January 17th 2015, 3:37 am

I just thought of something..if I wanted to change the size of the picture can I just change the picture link and leave the rest will that work

Broomhilda
Forumember

Female Posts : 245
Reputation : 27
Language : English
Location : Missouri

http://broomhildassims2.my-freeforum.com/

Back to top Go down

Solved Re: having problems with adding pictures

Post by Ange Tuteur on January 17th 2015, 3:45 am

You're welcome !

Yes, you can change the links in these variables :
Code:
  var leftImage = 'http://i59.tinypic.com/2vculjm.jpg',
      rightImage = 'http://i57.tinypic.com/mkpkg.jpg';

leftImage : is for the image on the left
rightImage : is for the image on the right

Just make sure to keep the image link wrapped in "quotes" like above. Smile


I noticed I made a small mistake in the last one I gave you. If you want, you can change it to the code below. I made a mistake in the selector which caused it to add an image at the bottom of the page as well. lol!
Code:
$(function() {
  var leftImage = 'http://i59.tinypic.com/2vculjm.jpg',
      rightImage = 'http://i57.tinypic.com/mkpkg.jpg';
 
  $('td.bodyline > table > tbody > tr > td:has(#i_logo)').css('position','relative').append('<img style="position:absolute;bottom:0;left:0;" src="'+leftImage+'"/><img style="position:absolute;bottom:0;right:0;" src="'+rightImage+'"/>');
});

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: having problems with adding pictures

Post by Broomhilda on January 17th 2015, 3:49 am

Do I just change the whole thing..I'm not seeing the mistake on the picture..

Thank you again Ange for all your help Smile

I did it..I changed the picture size..

Thank you again Ange for all your help cheers ..keeping this page bookmarked lol..so I can come back if I have to..


Last edited by Broomhilda on January 17th 2015, 4:15 am; edited 1 time in total

Broomhilda
Forumember

Female Posts : 245
Reputation : 27
Language : English
Location : Missouri

http://broomhildassims2.my-freeforum.com/

Back to top Go down

Solved Re: having problems with adding pictures

Post by Ange Tuteur on January 17th 2015, 4:14 am

Yeah, you can replace your current with the one I posted before. Smile

Topic archived

If you have any problems, feel free to open another topic. Have a great day ! Mr. Green

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum