Scroll trigger sur image

Résolu/Fermé

malo91 Messages postés 45 Date d'inscription mardi 2 février 2021 Statut Membre Dernière intervention 3 août 2022 - 28 mai 2021 à 18:28
malo91 Messages postés 45 Date d'inscription mardi 2 février 2021 Statut Membre Dernière intervention 3 août 2022 - 29 mai 2021 à 10:19

hello ! j'ai un bouton en haut et donc en bas de ma page d'accueil à mettre " genre fleche up-down"!
j'ai mis :

	<a href="#tricks" class="js-scroll-trigger"></a>
				<i class="fa fa-arrow-up fa-2x"></i>

en bas

et en haut de ma page j'ai :

<div id="button-down">
		<a href="" class="js-scroll-trigger">
			<i class="fa fa-arrow-down"></i>
		</a>

celui du haut m'amene en haut !! mais je voudrais surtout que mon fontawesome puisse etre sur la photo ( genre à droite) et pas dessous!!
bon j'ai pas trouvé!!

vous auriez une idee? merci bcp

A voir également:

Scroll trigger sur image
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Sandra a décidé de mieux contrôler son image et sa présence sur différents réseaux sociaux. qu’est-il possible de faire sur ces réseaux ? - Forum Facebook
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? ✓ - Forum Photoshop
Faststone image viewer - Télécharger - Visionnage & Diaporama

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
28 mai 2021 à 21:18

Bonjour,

Rien compris ...

Font Awesome est une police d'écriture et un outil d'icônes...
Tu parles de photo .. laquelle ? car dans ce que tu nous donnes comme code.. aucune photo à l'horizon..

Il va falloir que tu nous montres le code html de cette "photo" (avec l'element que tu veux mettre dessus.. )
et que tu expliques plus en détails ce que tu désires faire... quit à mettre des images explicatives...

Réponse 2 / 3

malo91 Messages postés 45 Date d'inscription mardi 2 février 2021 Statut Membre Dernière intervention 3 août 2022 1
28 mai 2021 à 21:34

c'est vrai ! au temps pour moi ! j'ai oublié de mettre le debut !! navrée

bon pour les fontawesome !! je sais j'en utilise à foison!

{% extends 'base.html.twig' %}

{% block title %}Toutes les figures
{% endblock %}

{% block body %}
	<div class="container-fluid">
		<img class="card-img-top" src="{{ asset('build/images/homepagefin.jpg')}}" alt="Card image cap">
	</div>
	<div id="button-down">
		<a href="" class="js-scroll-trigger">
			<i class="fa fa-arrow-down"></i>
		</a>
	</div>

bon voilà mon endroit de l'image mais bon !
donc : je voudrais que mon "fontawesome" <i class="fa fa-arrow-down"></i>
puisse etre sur l' image !! pas à coté ni dessous.... comme j'ai fait mais dedans !

c'est mieux cette fois? :)

Réponse 3 / 3

malo91 Messages postés 45 Date d'inscription mardi 2 février 2021 Statut Membre Dernière intervention 3 août 2022 1
29 mai 2021 à 10:19

Discussions similaires